@font-face {
  font-family: 'Cahuenga-Bold';
  src: url('fonts/Cahuenga-Bold.woff2') format('woff2'), url('fonts/Cahuenga-Bold.woff') format('woff');
}

@font-face {
  font-family: 'DadaGrotesk Medium';
  src: url('fonts/Dada-Grotesk-Medium.woff2') format('woff2'), url('fonts/Dada-Grotesk-Medium.woff') format('woff'), url('fonts/Dada-Grotesk-Medium.otf') format('otf');
}

@font-face {
  font-family: 'DadaGrotesk Bold';
  src: url('fonts/Dada-Grotesk-Bold.woff2') format('woff2'), url('fonts/Dada-Grotesk-Bold.woff') format('woff'), url('fonts/Dada-Grotesk-Bold.otf') format('otf');
}

@font-face {
  font-family: 'DadaGrotesk';
  src: url('fonts/Dada-Grotesk-Book.woff2') format('woff2'), url('fonts/Dada-Grotesk-Book.woff') format('woff'), url('fonts/Dada-Grotesk-Book.otf') format('otf');
}

HTML {
  width: 100%;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  scroll-padding-top: 74px;
}

BODY {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  color: #141414;
  background: white;
  line-height: 1.1;
  font-family: 'DadaGrotesk';
  font-weight: normal;
}

::selection {
  color: #FFF;
  background: #23a434;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  -font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
}

.simplebar-scrollbar::before {
  background: white !important;
  opacity: 0;
}

img {
  width: auto;
  height: auto;
  max-height: 700px;
  vertical-align: middle;
  border: 0;
  max-width: 100%;
}

:root .grid>*>* {
  font-size: 1rem;
}

td,
p {
  line-height: inherit;
  margin: 16px 0;
}

p:first-child {
  margin-top: 0;
}

q {
  display: block;
  color: #a9a9a9;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.2;
  padding: 0 20px;
}

q:before {
  content: "\0000AB";
  font-size: 2rem;
}

q:after {
  content: "\0000BB";
  font-size: 2rem;
}

.print {
  display: none;
}

.centrer {
  position: relative;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 48px;
}

HEADER {
  width: 100%;
  background: white;
  /* transition: all 1s ease-out; */
  margin-top: -16px;
  padding-top: 16px;
}

.divblock {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  margin: 48px auto 24px auto;
  max-width: 1360px;
  padding: 0 48px;
}

main.divblock,
main.search-container,
h1.barre+.divblock {
  min-height: calc(100vh - 657px);
}

.divblock_48 {
  margin: 40px auto 48px auto;
}

.divblock_72 {
  margin: 44px auto 56px auto;
}

.divblock_0 {
  margin: 0 auto;
}

.divblock_derniers,
.divblock_idees,
.divblock_gdossier,
.divblock_dossier,
.divblock_images,
.divblock_agenda {
  margin-top: 32px;
}


aside .divblock {
  row-gap: 48px;
}

aside.colonne .bouton_icone {
  margin-top: 0;
}

aside.colonne .tags {
  margin: 16px 0;
}

#popin_cookies {
  position: fixed;
  bottom: 0;
  background: #141414;
  padding: 16px;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.4rem;
}

/* MENU */
#bandeau {
  background: #23a434;
  text-align: center;
  padding: 4px;
  font-size: 2rem;
  color: white;
  letter-spacing: -.01em;
}

/* For smooth transition with sticky */
.navbarOffsetMargin {
  padding-top: 65px;
}

#nav-container {
  position: relative;
  background: white;
  z-index: 1000;
  width: 100%;
}

#nav-main-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  height: 104px;
  max-width: 1360px;
}

/* Sticky navbar */
.header_fixe #nav-main-container {
  padding: 0 48px;
  height: 64px;
}

#nav-main.header_fixe {
  display: block;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 1000;
  width: 100%;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.logo_site {
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 66px;
  margin-right: 10px;
}

/* Logo sticky */
#nav-main.header_fixe .logo_site {
  height: 40px;
  width: 192px;
}

.svg-logo {
  display: block;
}

.svg-logo-sticky {
  display: none;
}

.header_fixe .svg-logo {
  display: none;
}

.header_fixe .svg-logo-sticky {
  display: block;
}


.nav-info {
  flex: 1;
}

.nav-logo {
  flex: 1;
  display: flex;
  justify-content: center;
  max-width: 300px;
}

.nav-actions {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.menu_icone {
  display: flex;
  flex-wrap: nowrap;
}

.mini nav,
.mini #bt_newsletter,
.mini .bt_soutenir,
.mini .user,
.mini .btrecherche {
  display: none;
}

nav {
  text-align: center;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

nav div {
  width: 100%;
  min-width: 732px;
  margin: 0 auto;
}

nav A {
  display: inline-block;
  color: #141414;
  font-size: 20px;
  padding: 16px;
  text-decoration: none;
  font-family: 'DadaGrotesk Medium';
  line-height: 24px;
  border-bottom: 2px solid #FFFFFF;
}

nav A:hover {
  background: #F0F0F0;
}

nav A:hover,
nav a.actif {
  box-shadow: inset 0 -4px 0 -2px #141414;
  text-decoration: none;
  color: #141414;
  position: relative;
  z-index: 10;
}

nav A:selected {
  border-bottom: 2px solid #141414;
  /* margin: 15px 16px 4px 16px; */
}

.sepvertical {
  height: 24px;
  width: 1px;
  background: #141414;
  margin: 0px 10px;
  display: inline-block;
  min-width: 1px;
  position: relative;
  top: 6px;
}

.sephorizontal {
  position: relative;
  height: 1px;
  width: 100%;
  background: #D9D9D9;
  margin: 0px;
  display: inline-block;
  min-width: 1px;
}

nav .sephorizontal {
  display: block;
  top: -2.7px;
  margin-bottom: -2.7px;
}

.sephorizontal3 {
  display: none;
  position: relative;
  height: 1px;
  width: calc(100% - 96px);
  background: #D9D9D9;
  margin: 0px 48px;
  min-width: 1px;
}

.icon {
  width: 24px;
  height: 24px;
}

.btrecherche {
  vertical-align: top;
}

.grosse_icone {
  display: block;
  width: 80px;
  height: 80px;
  margin: 24px auto 40px auto;
}

.bouton_blanc {
  border: 1px solid white;
  border-radius: 10px;
  padding: 0;
  width: 40px;
  height: 32px;
  margin: 32px 8px 0 0;
  display: inline-block;
  color: white;
  text-decoration: none;
  font-family: 'DadaGrotesk Medium';
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}

.bouton_blanc:hover {
  -moz-box-shadow: 0px 0px 0px 1px white;
  -webkit-box-shadow: 0px 0px 0px 1px white;
  -o-box-shadow: 0px 0px 0px 1px white;
  box-shadow: 0px 0px 0px 1px white;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=white, Direction=NaN, Strength=0);
  border: 1px solid white;
}

.bouton_blanc svg {
  fill: #fff;
}

.bouton,
.pbouton,
.icone,
.bouton_noir,
.bouton_icone {
  font-size: 2rem;
  line-height: 22px;
  height: 40px;
  border-radius: 12px;
  padding: 9px 16px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
  color: #141414;
  background: #e6f6e7;
  font-weight: normal;
  font-family: 'DadaGrotesk Medium';
}

.bouton_icone {
  position: relative;
  padding: 4px 0 1px 0;
  width: 40px;
  height: 32px;
  margin: 24px 6px 0 0;
  text-align: center;
  cursor: pointer;
}

.bouton_icone div {
  display: none;
  position: absolute;
  top: 35px;
  left: 5px;
  background: #141414;
  padding: 4px 8px;
  border-radius: 12px;
  color: white;
  font-size: 1.4rem;
  line-height: 20px;
  font-family: 'DadaGrotesk';
  width: 160px;
}

.bouton:hover,
.pbouton:hover,
.icone:hover,
.bouton_icone:hover,
.bouton_noir:hover {
  color: #141414;
  background: #c4e8c5;
  text-decoration: none;
}

.bouton_noir {
  color: white;
  background: #141414;
}

.bt_soutenir {
  font-size: 2rem;
  line-height: 22px;
  height: 40px;
  border-radius: 12px;
  padding: 9px 16px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
  font-weight: normal;
  font-family: 'DadaGrotesk Medium';
  color: white;
  background: #23a434;
}

.bt_soutenir:hover {
  background-color: #26b739;
  color: white;
  text-decoration: none;
}

.encart_gris .bt_soutenir {
  box-shadow: 0px 3px 4px #c9c9c9;
  font-size: 1em;
}

A.bouton_noir:visited {
  color: white;
}

input[type="button"].bouton_large,
input[type="submit"].bouton_large {
  width: 100%;
}

.pbouton {
  padding: 4px 8px;
  font-size: 1.6rem;
  height: 32px;
  border-radius: 8px;
  line-height: 23px;
}

.bouton_noir:hover {
  background-color: #26b739;
  box-shadow: 0px 0px 0px 1px #23a434;
  color: white;
}

.burger_nav_container {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 72px;
  background: #FFF;
  padding: 12px;
  right: 0;
  width: 100%;
  z-index: 30;
  box-shadow: 0 3px 3px rgba(32,33,36,0.28);
}

.header_fixe .burger_nav_container {
  top: 64px;
}

.burger_nav_container form {
  margin: 16px 0;
}

.burger_nav_container input {
  font-size: 2.2rem;
}

.burger_nav_container>a {
  color: #141414;
  font-size: 20px;
  padding: 8px;
  text-decoration: none;
  line-height: 24px;
}
.burger_nav_container>a:first-child {
  padding-top: 0;
}
.burger_nav_container>a:last-child {
  padding-bottom: 0;
}

.burger_nav_container>a:hover {
  background: #F0F0F0;
  text-decoration: none;
  color: #141414;
}

.burger_nav_container .actif {
  text-decoration: none;
  color: #141414;
  border-left: 2px solid #141414;
}

.burger_nav_container .burger_nav_actions {
  margin-top: 48px;
}

.burger_nav_container .burger_nav_actions>a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  width: 100%;
}

.burger_nav_container .burger_nav_actions svg{
  margin-right: 4px;
}

.bt_burger_nav .close {
  display: none;
}

.user {
  vertical-align: top;
  margin: 0 8px;
}

.externe {
  background: transparent;
  color: #141414;
}

.externe svg {
  fill: #141414;
  vertical-align: bottom;
}

#themes {
  text-align: center;
  padding: 13px 32px 0 32px;
}

#themes A {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 24px;
  color: #141414;
  border: 1px solid #141414;
  padding: 1px 12px;
  border-radius: 25px;
  margin: 4px 4px 0 4px;
  text-decoration: none;
  font-family: 'DadaGrotesk';
}

#themes A:hover {
  -moz-box-shadow: 0px 0px 0px 1px #141414;
  -webkit-box-shadow: 0px 0px 0px 1px #141414;
  -o-box-shadow: 0px 0px 0px 1px #141414;
  box-shadow: 0px 0px 0px 1px #141414;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#141414, Direction=NaN, Strength=0);
}

FOOTER {
  background: #141414;
  font-size: 1.8rem;
  line-height: 28px;
  color: white;
  margin: 48px auto 0 auto !important;
}

.footer_1 {
  grid-column: span 6;
  margin: 30px 0;
  position: relative;
}

.footer_2 {
  grid-column: span 3;
  position: relative;
  margin: 30px 0;
}

.footer_2:before {
  content: " ";
  height: 85%;
  position: absolute;
  top: 18px;
  left: -16px;
  width: 1px;
  background: #6A6A6A;
  display: block;
}

.footer_3 {
  border-top: 1px solid #6A6A6A;
  padding: 16px 0;
  margin: 0;
  color: #D9D9D9;
}

footer .bouton_blanc svg {
  vertical-align: middle;
  line-height: 1.6;
}

FOOTER p:nth-child(2) {
  font-size: 2rem;
  line-height: 24px;
  margin: 0 0 15px 0;
  font-family: 'DadaGrotesk Medium';
}

FOOTER A {
  color: white;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid white;
  padding: 0 0 0 0;
  line-height: 1.1;
}

FOOTER A:visited {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}

FOOTER A:hover,
FOOTER A.spip_in:hover {
  color: #23a434;
  border-bottom: 1px solid #23a434;
  text-decoration: none;
}

A.lienpied {
  float: right;
  display: inline-block;
  color: white;
  text-decoration: none;
  border: 0 none;
  margin: 0 0 0 24px;
  line-height: 24px;
}

A.lienpied:hover {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}

/* HOME PAGE =============================== */

div#barre_progression {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #23a434;
  max-width: none;
}

.article0 {
  grid-column: span 12;
}

.article1 {
  grid-column: span 6;
  position: relative;
}

.article1:first-of-type:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.homebis .article1 {
  grid-column: span 6;
  grid-row: span 1;
  margin-bottom: 48px;
}

.article2 {
  grid-column: span 3;
  position: relative;
}

.article2:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.homebis .article2:nth-child(6):after,
.homebis .article2:nth-child(10):after {
  display: none;
}

.article3 {
  grid-column: 10 / span 3;
  grid-row: span 2;
  position: relative;
}

.article3 a img {
    display: none;
}

.article0_image {
  grid-column: span 8;
}

.article0_titre {
  grid-column: 9/span 4;
}

.article0_introduction2 {
  display: none;
}

.article_12,
.article_8,
.article_4,
.article_4_1 {
  grid-column: span 3;
  position: relative;
}

.article_4:after,
.article_4_1:after {
  content: " ";
  height: calc(100% + 48px);
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.article_4_1::after {
  height: 100%;
}

.article_4:nth-child(2n-1):after,
.article_4_1:nth-child(2n-1):after {
  display: none;
}

.article_12:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.article_12:nth-child(4n):after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  background: white;
  display: block;
}

.article_big {
  grid-column: span 6;
  grid-row: span 2;
  position: relative;
}

.article_big:after,
.article_4:first-child:after,
.article_4_1:first-child:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.homepage-cases {
  margin: 72px auto 48px auto;
  text-align: center;
  position: relative;
}

.homepage-cases:before {
  content: " ";
  width: calc(100% - 96px);
  position: absolute;
  left: 48px;
  top: -48px;
  height: 1px;
  background: black;
  display: block;
}

.homepage-cases:after {
  content: " ";
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  background: #d9d9d9;
  display: block;
}

.cases2 div {
  grid-column: 2/ span 4;
  position: relative;
}

.homepage-cases .case_soutenir{
  padding: 24px 0;
}

.cases2 div:nth-child(2) {
  grid-column: 8/ span 4;
  position: relative;
}

.icone_video {
  width: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.vignette_video:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: calc(100% - 12px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.barre {
  border-top: 1px solid #141414;
  margin: 24px auto 0 auto;
  padding: 48px 48px 0 48px;
}

#minipres .barre {
  display: block;
  margin-top: 0;
  padding-top: 24px;
}

A.lien_article {
  position: relative;
}

A.lien_article:visited H1 {
  color: #6a6a6a;
}

A.lien_article:visited H2 {
  color: #6a6a6a;
}

A.lien_article:visited H3 {
  color: #6a6a6a;
}

A.lien_article:visited titre {
  color: #6a6a6a;
}

A.lien_article:visited .pol20 {
  color: #6a6a6a;
}

A.lien_article:hover {
  text-decoration: none;
  color: #141414;
}

.infolettre-form-container,
.serie-container {
  font-size: 1.5rem;
  text-align: left;
  margin: 0 0 16px 0;
  padding: 24px;
  border-radius: 12px;
  background-color: #e6f6e7;
}

.infolettre-form-container .text,
.serie-container .text {
  font-family: 'DadaGrotesk Medium';
  font-size: 1.5em;
  line-height: 120%;
  max-width: 350px;
  margin: 0 auto 8px auto;
}

.infolettre-form {
  max-width: 350px;
  margin: 0 auto;
}

.infolettre-form .reponse_ko {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0;
  margin: 0 0 6px;
}

.infolettre-form input[type=email],
.infolettre-form input[type=submit] {
  height: 40px;
  margin: 0 0 6px;
}

.infolettre-form input[type=submit] {
  width: 100%;
  background-color: #141414;
}

.serie-container picture{
  display: block;
  margin: 0 auto;
  max-width: 650px;
}

.serie-container a {
  font-family: "DadaGrotesk Medium";
  display: block !important;
  text-decoration: none;
}

.serie-container a h2 {
  font-weight: 400;
  letter-spacing: -.03em;
}

.serie-container a:last-child {
  font-size: 1.2em;
}

.serie-container a svg {
  margin-right: 4px;
  padding: 7px;
  border-radius: 12px;
  vertical-align: bottom;
}

.serie-container a:hover {
  text-decoration: none;
  color: #141414;
}

/* STYLE DES ARTICLE =============================== */
figure{
margin:0;
}
strong {
  font-family: "DadaGrotesk Medium";
  font-weight: 500;
}

article picture.montre_1023 {
  width: 100%;
}

.spip_logo {
  margin: 0;
}

.legende_logo {
  position: absolute;
  left: 10px;
  bottom: 40px;
  border-radius: 8px;
  padding: 4px 12px;
  background: rgba(14, 14, 14, 0.5);
  color: white;
  font-size: 1.6rem;
  margin: 0 16px 0 0;
  display: none;
}

.copyright_logo {
  font-style: italic;
}

article {
  grid-column: 4/span 7;
  position: relative;
}

article:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  left: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.sansbarre:after {
  display: none;
}

.boite_encarts {
  grid-column: 4/span 7;
  grid-row: 2;
  position: relative;
  font-size: 2.25rem;
  line-height: 3.35rem;
  color: #333;
  letter-spacing: -0.3px;
}

.boite_complement {
  grid-column: 4/span 7;
  grid-row: 3;
  position: relative;
}

.boite_apresarticle {
  grid-column: 1/span 3;
  grid-row: 3;
}

.boite_lireaussi {
  grid-column: 1/span 12;
}



.colonne {
  grid-column: 1/span 3;
  grid-row: 1;
}

.pleinelargeur {
  grid-column: 1/-1;
}

section {
  grid-column: 6/span 7;
  position: relative;
}

section:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  left: -16px;
  width: 1px;
  background-color: #D9D9D9;
  display: block;
}

.fond:after {
  display: none;
}

section.etroite {
  grid-column: 4/span 6;
  position: relative;
}

section.etroite:after,
section.gauche:after,
section.droite:after {
  display: none;
}

section.gauche {
  grid-column: 1/span 6;
  margin-top: 56px;
}

section.droite {
  grid-column: 7/span 6;
  background-color: #23A434;
  padding: 56px 8px;
}

section.droite img {
  margin: auto;
  display: block;
  width: 406px;
}

.colonne_section {
  grid-column: 1/span 5;
  grid-row: 1;
}

.libelle {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 24px;
  color: #23A434;
  padding: 0;
  margin: 0 0 4px 0;
  vertical-align: top;
}

.glibelle,
a.glibelle {
  display: inline-block;
  font-size: 2.8rem;
  line-height: 32px;
  color: #23A434;
  margin: 0 0 8px 0;
  text-decoration: none;
}

a.glibelle:visited {
  color: #23A434;
}

.enquete .libelle,
.enquete .glibelle,
.enquete A.glibelle,
.headerenquete .glibelle,
.headerenquete A.glibelle {
  color: black;
}

H1 {
  font-family: 'DadaGrotesk Bold';
  font-size: 4.8rem;
  line-height: 56px;
  color: #141414;
  margin: 0 0 48px 0;
  letter-spacing: -0.02em;
  font-feature-settings: 'ss05' on;
  font-weight: normal;
}

h1.h1_23 {
  margin: 8px 0 24px 0;
}

H1.barre {
  margin: 0 0 32px 0;
  padding: 32px 0 0 0;
  border-top: 1px solid #141414;
  text-align: center;
}

H1.titre_rub,
H1.titre_rub2 {
  margin: 32px auto 32px auto;
  text-align: center;
  line-height: 44px;
  font-size: 3.6rem;
}

H1.titre_rub span,
H1.titre_rub2 span {
  display: inline-block;
  font-size: 3.6rem;
  line-height: 44px;
  margin: 0;
  text-align: center;
  padding: 2px 12px;
  border: 1px solid #141414;
  text-decoration: none;
  border-radius: 25px;
}

H1.titre_rub span {
  font-family: "DadaGrotesk";
}

H1.titre_rub2 span {
  border: 0 none;
}

H1.h1_home,
H1.h1_homebold {
  font-family: 'DadaGrotesk Medium';
  font-weight: normal;
  font-size: 3.6rem;
  line-height: 44px;
  margin: 0 0 16px 0;
  letter-spacing: -0.03em;
}

H3,
H3.spip,
H2.spip {
  font-size: 2.8rem;
  line-height: 32px;
  margin: 48px 0 24px 0;
  letter-spacing: -0.01em;
  font-family: 'DadaGrotesk Bold';
}

div.texte>H3:first-child {
  margin-top: 0;
}

H4 {
  font-size: 2.4rem;
  line-height: 36px;
  margin: 0 0 16px 0;
  font-family: 'DadaGrotesk Bold';
  font-weight: normal;
}

H5 {
  font-size: 2rem;
  line-height: 30px;
  margin: 48px 0 16px 0;
  font-family: 'DadaGrotesk Bold';
  font-weight: normal;
}



.multiarticle .lien_article {
  grid-column: span 12;
}

.multiarticle H1.h1_home {
  font-size: 4.8rem;
  line-height: 56px;
  margin: 32px 0;
}

H1.h1_homebold {
  font-family: 'DadaGrotesk Bold';
}

H2.h2_home {
  font-size: 2rem;
  line-height: 24px;
  margin: 0 0 48px 0;
  font-family: 'DadaGrotesk Medium';
  font-weight: normal;
}

H3.h3_home {
  font-size: 2rem;
  line-height: 24px;
  margin: 0;
  font-family: 'DadaGrotesk Medium';
  font-weight: normal;
}

H3.h3_sousligne {
  font-size: 3.6rem;
  line-height: 44px;
  margin: 0 auto;
  padding-top: 32px;
  border-top: 1px solid black;
  max-width: 1264px;
  font-family: 'DadaGrotesk Bold';
  font-weight: normal;
  width: calc(100% - 96px);
  text-align: left;
  text-decoration: none;
  position: relative;
}

.boite_lireaussi h3.h3_sousligne {
  border-top: none;
  margin-bottom: 32px;
  position: relative;
}

.boite_lireaussi h3.h3_sousligne::before {
  content: " ";
  height: 1px;
  position: absolute;
  top: 0;
  left: -48px;
  width: calc(100% + 96px);
  background: #141414;
  display: block;
}

H3.h3_sousligne A {
  text-decoration: none;
  color: #141414;
}

H3.h3_sousligne A:hover {
  text-decoration: none;
  color: #23A434;
}

H3.h3_tag {
  font-size: 3.6rem;
  line-height: 44px;
  padding-top: 32px;
  margin: 0 auto;
  text-align: center;
  max-width: 1264px;
  border-top: 1px solid #141414;
  width: calc(100% - 96px);
}

H3.h3_tag A {
  display: inline-block;
  padding: 2px 12px;
  border: 1px solid #141414;
  border-radius: 25px;
  text-decoration: none;
  color: #141414;
  font-family: 'DadaGrotesk';
  font-weight: 400;
}

H3.h3_tag A:hover {
  color: #23A434;
}

A.lien_article {
  display: block;
  color: #141414;
  text-decoration: none;
}

A.lien_article.article-item{
  display: grid;
}

A.lien_article:hover .H1_home,
A.lien_article:hover .h1_home,
A.lien_article:hover .h2_home,
A.lien_article:hover .h3_home {
  text-decoration: underline;
  color: #141414;
}

A.lien_article:hover .titre {
  color: #141414;
  text-decoration: underline;
}

A.lien_article_encadre:hover,
A.lien_article_encadre2:hover {
  box-shadow: inset 0px 0px 0px 2px #141414;
}

A.lien_article_encadre {
  display: block;
  color: #141414;
  text-decoration: none;
  position: relative;
  padding: 16px;
  min-height: 290px;
  border-radius: 4px;
}

A.lien_article_encadre2 {
  display: block;
  color: #141414;
  text-decoration: none;
  position: relative;
  padding: 16px;
  min-height: 290px;
  box-shadow: inset 0px 0px 0px 1px #D9D9D9;
  border-radius: 8px;
}

A.lien_rubrique {
  display: inline-block;
  font-size: 2rem;
  line-height: 24px;
  margin: 6px 0;
  border-radius: 8px;
  padding: 4px 8px;
  color: #141414;
  text-decoration: none;
  font-family: 'DadaGrotesk Medium';
}

A.lien_rubrique:first-of-type {
  margin-top: 0;
}

A.lien_rubrique:hover,
A.lien_rubrique_active {
  background: #141414;
  color: white;
  text-decoration: none;
}

A.lien_rubrique_active:visited {
  color: white;
}

.trait_gris:first-of-type {
  border-top: 0 none;
  padding: 0 0 16px 0;
}

.trait_gris {
  border-top: 1px solid #D9D9D9;
  padding: 16px 0;
}

.marge_article {
  margin: 0 0 48px 0;
}

.marge_article_lireaussi {
  margin: 0;
}

.vignette_gauche {
  display: block;
}

.bloc_enquete {
  margin: 0 0 72px 0;
}

.bloc_enquete div.enquete {
  margin: 48px auto !important;
}

.vignette_enquete {
  display: block;
  float: right;
  width: 40%;
}

.vignette_grande {
  margin: 0 0 16px 0;
}

.image_logo {
  margin: 0 0 32px 0;
}

.colonne_logo {
  width: 100%;
  text-align: center;
}

.intro_enquete {
  padding: 48px;
}

.intro_enquete div:first-child {
  float: left;
  width: 60%;
  padding: 0 32px 0 0;
}

.article_info {
  font-size: 2rem;
  line-height: 30px;
}

.blocauteur {
  margin: 0 0 16px 0;
}

.lienauteur {
  color: #141414;
}

.lienauteur:hover {
  color: #23A434;
}

.date {
  display: block;
}

.date_modif {
  display: block;
  margin: 0 0 0 0;
  color: #6a6a6a;
}

.datation_article {
  display: block;
  position: absolute;
  bottom: 0;
  margin: 0 0 0 0;
  color: #6a6a6a;
}

.duree_lecture {
  display: block;
  margin: 0 0 0 0;
  color: #6a6a6a;
}

.trait_vertical {
  background: #d9d9d9;
  width: 1px;
  height: 48px;
  margin: 24px auto 24px auto;
}

a.tag {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 24px;
  background-color: #e6f6e7;
  color: #141414;
  border-radius: 12px;
  padding: 0 8px;
  margin: 4px 0;
  text-decoration: none;
}

a.tag:hover {
  background-color: #c4e8c5;
  color: #141414;
  text-decoration: none;
}

.chapo {
  font-family: 'Cahuenga-Bold';
  font-size: 2.4rem;
  line-height: 4rem;
  font-weight: 400;
  font-variant-numeric: lining-nums;
  margin: 0 0 32px 0;
  color: #2b2b2b;
}

.texte {
  font-size: 2.25rem;
  line-height: 3.35rem;
  color: #333;
  letter-spacing: -0.3px;
}

.image_ronde {
  display: block;
  width: 128px;
  height: 128px;
  border-radius: 64px;
  overflow: hidden;
  margin: 0 auto 16px auto;
}

.montre_1023 {
  display: none !important;
}

.montre_767 {
  display: none !important;
}

.spip_documents {
  margin: 32px 0;
  max-width: none;
}

.spip_documents_center {
  text-align: center;
}

.spip_documents img {
  margin: 0 0 12px 0;
  cursor: pointer;
}

.spip_doc_titre {
  width: 100% !important;
  color: #6A6A6A;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin: 0;
  text-align: left;
}

dt.spip_doc_titre {
  margin: 0;
}

.spip_note_ref {
  color: white;
  font-size: 1.6rem;
  line-height: 24px;
}

.spip_note,
.spip_note:visited,
.spip_note:hover {
  color: #23A434;
  border: 1px solid #23A434;
  border-radius: 25px;
  padding: 0 4px;
  text-decoration: none;
  display: inline-block;
}

.large {
  position: relative;
  width: 136%;
  left: -21%;
  z-index: 10;
}

.large .spip_doc_titre {
  position: absolute;
  top: 0px;
  left: 100%;
  width: 20% !important;
  padding: 0 0 0 32px;
}

A,
A.spip_out {
  color: #141414;
  text-decoration: underline;
  cursor: pointer;
}

A.spip:visited,
A.spip_out:visited {
  color: #6a6a6a;
  text-decoration: none;
  cursor: pointer;
}

A.spip_out:hover,
A.spip_in:hover,
A.spip:hover,
A:hover {
  color: #23A434;
  text-decoration: underline;
  cursor: pointer;
}

.typo_exposants {
  line-height: 0;
}

img.puce {
  border-radius: 10px;
  background: black;
  width: 8px;
  height: 8px;
  filter: brightness(0%);
}

hr.spip {
  color: #D9D9D9;
}

A.lien_telechargement {
  font-family: 'DadaGrotesk Medium';
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  margin: 1em 0;
}

A.lien_telechargement svg {
  vertical-align: text-bottom;
}

.indication_lieu {
  background: #D9D9D9;
  padding-left: 5px;
}

.extrait {
  margin: 0 5% 32px 5%;
  border: 1 solid #D9D9D9;
  background: #F0F0F0;
  padding: 3%;
}

.extrait p:first-of-type {
  font-family: 'DadaGrotesk Medium';
  text-align: center;
}

iframe {
  max-width: 100% !important;
}

.legende_logo_480 {
  display: none;
}


/* DIAPORAMA DES PHOTOS */

#galerie {
  display: none;
  position: fixed;
  text-align: center;
  padding: 0 88px 0 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background: #141414;
  z-index: 1000;
}

#galerie #panel {
  position: fixed;
  right: 0;
  top: 0;
  background: #141414;
  width: 88px;
  height: 100vh;
  text-align: center
}

#galerie img {
  max-width: 100%;
  max-height: 100vh;
  height: auto;

}

#galerie #numerotation,
#galerie #legende {
  position: absolute;
  padding: 8px 16px;
  bottom: 16px;
  right: 32px;
  margin: 0;
  color: white;
  background: #141414;
  border-radius: 12px;
  font-size: 1.6rem;
  line-height: 150%;
}

#galerie #legende {
  right: auto;
  left: 32px;
  max-width: 80%;
}

#panel_btsuivant,
#panel_btprecedent {
  margin: 0 0 8px 0;
  display: block;
}

#bt_fermer_panel {
  margin: 16px 0 24px 0;
  display: block;
}

/* Album avec galleria */
.galleria-captionclose {
  display: none;
}

.galleria-info-title {
  margin: 6px 14px 0px 18px !important;
  padding-right: 5px !important;
  text-align: justify;
}

.galleria-stage .galleria-info-title {
  max-width: 1500px;
}

/* LISTING */
.article-item {
  margin: 24px auto;
  padding: 24px 48px 0;
  position: relative;
}

.article-item:before {
  padding: 0 48px;
  height: 1px;
  background-color: #D9D9D9;
  content: "";
  position: absolute;
  top: 0;
  left: 48px;
  right: 48px;
}

.article_contenu {
  grid-column: span 6;
  padding: 0 0 41px 0;
}

.article_image {
  grid-column: 9/span 4;
}

.article-item .copyright_logo {
  display: none;
}

.pagination {
  text-align: center;
  margin-top: 58px;
  margin-bottom: 72px;
}

.pagination::before {
  content: " ";
  height: 1px;
  position: absolute;
  top: -32px;
  width: calc(100% - 96px);
  background: #d9d9d9;
  display: block;
}

.pagination ul.pagination-items{
  padding: 0;
}

.lien_pagination,
.pagination-item-label {
  border: 1px solid #141414;
  border-radius: 10px;
  padding: 8px 16px;
  margin: 4px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  height: 40px;
}

.pagination-item.disabled .pagination-item-label{
  border: none;
}

.lien_pagination:hover {
  -moz-box-shadow: 0px 0px 0px 1px #141414;
  -webkit-box-shadow: 0px 0px 0px 1px #141414;
  -o-box-shadow: 0px 0px 0px 1px #141414;
  box-shadow: 0px 0px 0px 1px #141414;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#141414, Direction=NaN, Strength=0);
  text-decoration: none;
  color: #141414;
}
.pagination-item{
display:inline-block;
}

/* pagination chevrons */
.lien_pagination[rel="prev nofollow"],
strong.on[rel="prev nofollow"],
.pagination-item.prev.disabled .pagination-item-label,
.pagination-item.next.disabled .pagination-item-label,
.lien_pagination[rel="next nofollow"],
strong.on[rel="next nofollow"] {
  width: 56px;
  height: 40px;
}

.lien_pagination[rel="prev nofollow"] {
  background: url("/squelettes/images/chevron-left.svg") no-repeat center;
}

strong.on[rel="prev nofollow"],
.pagination-item.prev.disabled .pagination-item-label {
  background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.4141 12L14.707 16.2929L13.2928 17.7071L7.58571 12L13.2928 6.29288L14.707 7.70709L10.4141 12Z' fill='%23FFFFFF'/></svg>") no-repeat center #D9D9D9;
}

.lien_pagination[rel="next nofollow"] {
  background: url("/squelettes/images/chevron-right.svg") no-repeat center;
}

strong.on[rel="next nofollow"],
.pagination-item.next.disabled .pagination-item-label {
  background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.5859 12L9.29297 7.70712L10.7072 6.29291L16.4143 12L10.7072 17.7071L9.29297 16.2929L13.5859 12Z' fill='%23FFFFFF'/></svg>") no-repeat center #D9D9D9;
}

/* pagination "..." */
.tbc {
  margin: 0 24px;
}


.pagination-item-label.on {
  background: rgba(35, 164, 52, 0.15);
  -moz-box-shadow: 0px 0px 0px 1px #141414;
  -webkit-box-shadow: 0px 0px 0px 1px #141414;
  -o-box-shadow: 0px 0px 0px 1px #141414;
  box-shadow: 0px 0px 0px 1px #141414;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#141414, Direction=NaN, Strength=0);
}

.disabled .on {
  background: #D9D9D9;
  border: 0 none;
  color: white;
  box-shadow: none;
}

.sep {
  display: none;
}

.prev {
  float: left;
}

.next {
  float: right;
}

/* BLOC ENQUETE */
.enquete .bloc1 {
  grid-column: span 5;
}

.enquete .bloc1 h1 {
  font-weight: bold;
}

.enquete .bloc2 {
  grid-column: 7/span 6;
}

.enquete .bloc2 .numero {
  font-size: 36px;
  line-height: 44px;
  float: left;
  margin: 0;
  width: 11%;
  font-family: 'DadaGrotesk Bold';
  color: #141414;
}

.enquete .bloc2 .illustration {
  width: 29%;
  margin: 0 32px 24px 32px;
  float: left;
  min-height: 90px;
}

.enquete .bloc2 .lien_article:after {
  content: " ";
  height: 90%;
  position: absolute;
  top: 0;
  left: -16px;
  width: 1px;
  background: #141414;
  display: block;
}


/* ELEMENTS SPECIAUX */
.bloc {
  margin: 72px 0 0 0;
}

.titre_page {
  font-size: 2rem;
  font-family: 'DadaGrotesk Medium';
  margin: 24px 0 20px 0;
}

.titre_page:first-of-type {
  margin: 0 0 20px 0;
}

.gros_titre_page {
  font-size: 2.4rem;
  line-height: 28px;
  font-family: 'DadaGrotesk Bold';
  margin: 0 0 16px 0;
}

.texte+.titre_page {
  font-weight: 700;
}

.carte1 {
  padding: 24px;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  margin: 12px 0;
}

.carte1:hover {
  padding: 23px;
  border: 2px solid #141414;
}

.carte1 A {
  text-decoration: none;
}

.carte1 A p:first-child {
  display: block;
  padding: 16px;
  background: #F0F0F0;
  border-radius: 8px;
  margin: 0 0 16px 0;
  font-family: 'DadaGrotesk Medium';
  text-decoration: none;
}

#appeldon {
  margin-top: 24px;
}

.encart {
  padding: 32px;
  margin: 16px 0;
  position: relative;
  left: -32px;
  width: calc(100% + 64px);
  border-radius: 8px;
  z-index: 10;
}

.encart_gris {
  background: #F0F0F0;
}

.encart_vert {
  background: #e6f6e7;
  padding: 0 32px;
  margin-top: 8px;
}

.encart_vert .infolettre-form-container {
  margin-bottom: 0;
}

#appeldon .encart_gris {
  padding-top: 16px;
}

.encart_note {
  border-top: 1px solid #d9d9d9;
  padding: 24px 0 0 0;
  margin: 0 0 24px 0;
  font-size: 1.8rem;
  line-height: 27px;
}

.encart_note:last-of-type {
  margin-bottom: 0;
}

.case50-50 {
  border-bottom: 1px solid #d9d9d9;
  margin: 0 0 32px 0;
  padding: 0 0 24px 0;
  position: relative;
}

.case50-50>div {
  width: 38%;
  float: left;
  margin: 0 2% 0 0;
}

.case50-50>div:nth-child(2n) {
  width: 58%;
  margin: 0 0 0 2%;
}

.case50-50>div:nth-child(2n) {
  border-left: 1px solid #D9D9D9;
  padding-left: 16px;
}

.boite_encarts:after, 
.boite_complement:after {
  content: " ";
  height: calc(100% + 18px);
  position: absolute;
  top: -18px;
  left: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

blockquote.spip {
  font-family: 'Cahuenga-Bold';
  font-size: 3.2rem;
  line-height: 4.8rem;
  text-align: center;
  color: #23A434;
  margin: 48px 0;
  padding: 0 15px;
  border-left: 1px solid #23A434;
  position: relative;
  left: -16px;
  font-weight: 600;
  font-variant-numeric: lining-nums;
  z-index: 10;
}

blockquote.spip p {
  display: inline;
}

blockquote.spip_poesie {
  font-family: 'Cahuenga-Bold';
  position: relative;
  left: -14vw;
  float: left;
  max-width: 400px;
  font-size: 2.4rem;
  line-height: 3.6rem;
  border-radius: 4px 4px 0px 4px;
  color: white;
  background: #23A434;
  padding: 24px;
  margin: 8px -11vw 72px 0;
  z-index: 10;
  width: 50%;
}

blockquote.spip_poesie:after {
  content: "";
  width: 38px;
  position: absolute;
  bottom: -40px;
  right: 0;
  background: url(/squelettes/images/coin.svg) no-repeat;
  height: 40px;
}

.twitter-tweet {
  margin: 32px 0 !important;
}

.twitter-tweet iframe {
  width: 100%;
}

.outils_partage.outils_partage_sticky {
  position: fixed;
  top: 80px;
}

.bloc_infolettre {
  margin-top: 24px;
  position: relative;
  z-index: 20;
}

.bloc_infolettre.outils_partage_sticky {
  margin-top: 56.5px;
}


.date_agenda {
  font-size: 16px;
  line-height: 150%;
  color: #6E6E6E;
  margin: 8px 0;
}

A.lien_lireaussi {
  display: block;
  padding: 16px 0;
  margin: 32px 0;
  text-decoration: none;
  color: #141414;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

A.lien_lireaussi span {
  text-decoration: underline;
}

.icone_agenda {
  width: 64px;
  position: absolute;
  bottom: 20px;
  height: 64px;
}

.texte_gris {
  font-size: 1.8rem;
  padding: 8px 16px;
  background: #d9d9d9;
  line-height: 28px;
  margin: 0 0 16px 0;
  border-radius: 4px;
  text-align: center;
}

div.blocdeplie * {
  position: relative;
  top: 0;
  left: 0;
}

.grille_RF {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
  row-gap: 32px;
}

.grille_RF A {
  font-size: 1.8rem;
  line-height: 24px;
  font-weight: bold;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  text-decoration: none;
}

.grille_RF A span {
  text-decoration: underline;
  font-weight: normal;

}

.icone_normal {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 24px 0;
}

.tableau_simple {
  font-size: 1.6rem;
  line-height: 24px;
  width: 100%;
}

.tableau_simple th,
.tableau_simple td {
  color: #6A6A6A;
  padding: 8px;
  border-bottom: 1px solid #D9D9D9;
  font-weight: normal;
  text-align: left;
}

.tableau_simple td {
  color: #141414;
}

/* TAILLE POLICE PADDING */
.pol24 {
  font-size: 2.4rem;
  line-height: 28px;
}

.pol20 {
  font-size: 2rem;
  line-height: 120%;
}

.pol18 {
  font-size: 1.8rem;
  line-height: 120%;
}

.pol16 {
  font-size: 1.6rem;
  line-height: 120%;
}

.pol14 {
  font-size: 1.4rem;
  line-height: 21px;
}

.pad_8 {
  padding: 7px 15px;
}

.titre,
.gras {
  margin: 0;
  font-family: 'DadaGrotesk Medium' !important;
}

div:has(> .titre_form) {
  margin: 36px 0 16px 0;
}

.titre_form {
  font-family: 'DadaGrotesk Bold';
  font-size: 2.5rem;
  line-height: 30px;
}

.surgras {
  font-family: 'DadaGrotesk Bold' !important;
}

.sousligne {
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 0px 0px #141414;
  -moz-box-shadow: 0px 1px 0px 0px #141414;
  box-shadow: 0px 1px 0px 0px #141414;
  padding: 0 0 1px 0;
  display: inline-block;
}

.sousligne:hover {
  text-decoration: none;
}

.acenter {
  text-align: center;
}

.marge {
  position: relative;
  margin: 0 48px;
}

.marge28 {
  position: relative;
  margin: 28px 0 0 0 !important;
}

.marge16 {
  margin: 0 0 16px 0;
}

.marge12 {
  margin: 0 0 12px 0;
}

/* FORUM =============================== */
/* ================================================ */
.bloc_forum:first-of-type {
  margin: 32px 0 0 0;
}

.bloc_forum {
  margin: 48px 0 0 0;
}

.bloc_sousforum {
  margin: 32px 0 0 0;
}

.forum_auteur {
  color: #23A434;
  font-family: 'DadaGrotesk Medium';
}

.forum_date {
  color: #6A6A6A;
  margin-left: 8px;
}

.forum_texte {
  margin: 12px 0 0 0;
}

.groschiffre {
  font-size: 3.6rem;
  float: left;
  margin: 0 20px 50px 0;
  line-height: 1;
  font-family: 'DadaGrotesk Bold';
  font-weight: 700;
}

#pass_securise {
  display: none !important;
}

#formulaire_forum textarea {
  border: 1px solid #141414;
  height: 80px;
  box-shadow: none;
  margin: 8px 0;
}

sub,
sup {
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: .6em;
}

sub {
  vertical-align: -.2em;
}

.h1_home sup,
.h1_home sub {
  font-size: 1.6rem;
}

h1 sup,
h1 sub {
  font-size: 2.4rem;
}

h1 sup {
  top: .7em;
}

/* FORMULAIRE =============================== */
/* ================================================ */
.attente:after {
  position: relative;
  content: " ";
  width: 50px;
  height: 50px;
  margin: 5px auto;
  background-image: url(/squelettes/images/attente2.gif);
  background-position: center center;
  background-size: contain;
  display: block;
}

#panneau_recherche {
  display: none;
  background: white;
}

#panneau_recherche INPUT[type="text"] {
  width: 256px;
  height: 40px;
  outline: none;
  /* pour retirer le cadre gris qui rend le focus visible */
  color: #141414;
  font-size: 1.6rem;
}

#barre_recherche {
  background: #141414;
  padding: 32px;
  text-align: center;
}

#barre_recherche INPUT {
  max-width: 461px;
  margin: 0 8px;
  line-height: 0;
  font-family: 'DadaGrotesk';
  font-size: 1.8rem;
}

#barre_recherche INPUT[type=submit] {
  border: 1px solid white;
  height: 48px;
  width: auto;
  line-height: 0;
  font-family: 'DadaGrotesk Medium';
}

.filtre_recherche {
  padding-top: 48px;
  padding-bottom: 11px;
  text-align: left;
}

.filtre_recherche .selectmenu {
  width: 210px !important;
}

.formulaire_mot_de_passe {
  max-width: 600px;
  margin: 32px auto;
}

.formulaire_oubli .helper {
  display: block;
  font-size: 0.8em;
  color:#6A6A6A;
}

.selectmenu select {
  background: transparent;
  width: 100%;
  padding: 0 60px 4px 16px;
  line-height: 1;
  border: 0;
  border-color: #b3b3b3;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'DadaGrotesk Medium';
  font-size: 1.6rem;
}

.selectmenu select:focus-visible {
  outline:none;
}

div.selectmenu,
span.selectmenu {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 4px 0 0 0;
  width: 100%;
  max-width: 600px;
  height: 46px;
  overflow: hidden;
  background: url(/squelettes/images/chevron-down.svg) no-repeat 100% center white;
  background-position: right 24px center;
  border: 1px solid #b3b3b3;
  border-radius: 12px;
}

label[for=id_pays]+span.selectmenu {
  max-width: 800px;
}

.filtre_recherche div.selectmenu {
  background-position: right 16px center;
}

.filtre_recherche div.selectmenu:first-of-type {
  margin-left: 0 !important;
}

p.titre_page.pleinelargeur {
  text-align: right;
  position: relative;
  top: -52px;
  margin-bottom: -52px;
  font-size: 1.6rem;
  z-index: -1;
}

#id_pays {
  font-size: 2.2rem;
}

#id_pays option {
  font-family: "DadaGrotesk";
}

label[for=id_pays]+div.selectmenu {
  max-width: none;
}

label[for=tri1],
label[for=tri2] {
  font-size: 1.6rem;
  padding-left: 48px !important;
}

label[for=tri1] {
  margin: 0 4px 0 40px !important;
}

p.casechoix2 {
  display: inline-block;
  border: 1px solid #141414;
  border-radius: 12px;
  margin: 0 10px;
  padding: 0;
  height: 40px;
  overflow: hidden;
}

p.casechoix2 label {
  margin: 0;
  padding: 0;
  top: -4px;
}

.reponse_ok {
  display: block;
  margin: 20px 0;
  font-size: 2rem;
  color: #23A434;
}

.reponse_ko,
.reponse_formulaire_erreur,
.erreur_message {
  color: #BE0000;
  margin-bottom: 12px;
  font-size: 2rem;
}

input+.reponse_ko {
  display: block;
  margin-top: 8px;
  font-size: 2rem;
}

p.expli_form {
  margin: -14px 0 12px 0;
  font-size: 2rem;
  line-height: 30px;
}

p.expli_form2,
span.expli_form2 {
  display: block;
  margin: 0 0 16px 0;
  font-size: 2rem;
  line-height: 27px;
  color: #6A6A6A;
  position: relative;
}

#ajoutdon div {
  display: flex;
  align-items: center;
}

#ajoutdon div input {
  width:80px;
  text-align:right;
  font-size:1.1em;
}

#ajoutdon div .texte {
  margin-left: .6em;
}

#ajoutdon div .texte.reponse_ko {
  margin-left: .6em;
  margin-bottom: 0;
}

#expli_deduc {
  color: #6a6a6a;
  margin-top: 8px;
}

form {
  margin: 0;

}

form .titre {
  font-family: 'DadaGrotesk Bold';
  font-size: 2rem;
  line-height: 30px;
  margin: 36px 0 16px 0;
}

form .titre:first-of-type {
  margin: 0 0 16px 0;
}

form p {
  position: relative;
  margin: 16px 0;
  font-size: 1.8rem;
}

p.boutons {
  margin: 20px 0 0 0;
}

li.editer {
  list-style-type: none;
}

#pass_securise,
#spip_pass {
  float: right;
  margin-top: 13px;
}

fieldset {
  margin: 32px 0 0 0;
  padding: 0;
  border: 0 none;
}

fieldset:first-of-type {
  margin: 0;
}

legend {
  font-size: 1.2em;
  line-height: 1em;
  padding: 0;
  font-family: 'DadaGrotesk Bold';
  margin-bottom: .4em;
}

.fiche_contact legend {
  font-size: 2.8em;
}

fieldset > b {
  font-size: 2em;
  line-height: 1.5em;
}

fieldset .etiquette {
  width:250px;
  float:left;
  font-size:1.6em;
  margin:.2em;
}

fieldset .etiquette span {
  vertical-align: sub;
}

label {
  display: block;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 24px;
  margin: 12px 0 10px 0;
  font-family: 'DadaGrotesk Medium';
  text-align: left;
  max-width: 100%;
}


.label-inline {
  display: inline-block;
}

input[type=checkbox]+label {
  display: inline-block;
  width: 100%;
}

input[type=checkbox]~span {
  display: inline-block;
  padding: 0 0 0 32px;
}

input[type=checkbox]~span {
  display: inline-block;
  padding: 0 0 0 32px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=file] {
  border: 1px solid #b3b3b3;
  border-radius: 12px;
  height: 48px;
  width: 100%;
  padding: 10px;
  margin: 0;
  font-family: "DadaGrotesk";
  font-size: 1.8rem;
  background-color: #FFFFFF;
  transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

#infolettre-form-public-page .reponse_ko,
#infolettre-form-account-page .reponse_ko {
  padding: 0;
  margin-bottom: .6em;
}

#infolettre-form-public-page [type=submit],
#infolettre-form-public-page [type=email],
#infolettre-form-account-page [type=submit],
#infolettre-form-account-page [type=email] {
  margin: 0;
}

#infolettre-form-public-page label,
#infolettre-form-account-page label {
  font-size: 2.5rem;
  font-family: 'DadaGrotesk Medium';
  line-height: 2.6rem;
}

#form_don input[type=text],
#form_don input[type=email],
#form_don input[type=password] {
  font-size: 2.2rem;
}

#form_don #montantlibre {
  width:85%;
  height:37px;
}

textarea {
  border-radius: 8px;
  margin: 0;
  border: 1px solid #b3b3b3;
  width: 100%;
  padding: 10px;
  font-size: 1.8rem;
  max-width: 630px;
}
.bouton_large {
  width: 100%;
}

input[type=submit],
input[type=button],
.bouton_form {
  border: 0 none;
  border-radius: 12px;
  padding: 0 24px;
  margin: 16px 0 0 0;
  display: inline-block;
  background: #23A434;
  font-size: 2.2rem;
  line-height: 24px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  -webkit-appearance: none;
  font-family: 'DadaGrotesk Medium';
}

input[type=submit]:disabled {
  cursor: default;
}

input[type=submit].noir,
input[type=button].noir {
  background: #141414;
  border: 0 none;
  color: white;
}

input[type=submit].psubmit {
  height: 32px;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 1.6rem;
  line-height: 24px;
  margin: 0;
}

INPUT[type="button"].bouton {
  background: white;
  border: 1px solid #141414;
}

input[type=button],
.bouton_form {
  display: inline-block;
  margin: 16px 0;
}

#panneau_recherche input {
  margin: 0;
}

#panneau_recherche input[type=submit] {
  font-size: 1.6rem;
  line-height: 24px;
  height: 40px;
  width: auto;
  border: 1px solid #141414;
  border-radius: 12px;
  padding: 8px 16px;
  margin: 0 8px;
  display: inline-block;
  text-decoration: none;
  color: white;
  background: #141414;
  font-weight: normal;
  font-family: 'DadaGrotesk';
  line-height: inherit;
}

input[type=submit]:hover,
input[type=button]:hover {
  background-color: #26b739;
}

input:focus {
  outline: 1px solid #BDE3C2;
  border: 1px solid #91D199;
  box-shadow: 0 0 2px 5px #bde3c2
}

/* Input group form */
.input-group {
  display: flex;
  align-content: stretch;
}

.input-group>input {
  flex: 1 0 auto;
}

.input-group-addon {
  background: #eee;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  border: 1px solid #b3b3b3;
  border-radius: 12px;
  width: auto;
}

.input-group input {
  border-radius: 12px;
  width: auto;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

div.nettoyeur {
  clear: both;
  width: 100%;
  float: none;
}

[type="radio"] {
  position: absolute;
  left: 0;
  opacity: 0;
}

[type="radio"]  + label, .retry-boutons-paiement a  {
position: relative;
cursor: pointer;
padding: 11px 18px 12px 2.3em;
margin:0 0 12px 0;
display: block;
height: 48px;
width: calc(50% - 10px);
border-radius: 12px;
background-color: #f6fbf6;
box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.15);
}

[type="radio"]+label:focus,
.retry-boutons-paiement a:focus {
  outline: 1px solid #0080FF;
  outline-offset: 4px;
}

.filtre_recherche [type="radio"]+label {
  width: auto;
  display: inline-block;
}


[type="radio"]:checked + label,[type="radio"] + label:hover, .retry-boutons-paiement a:hover {
  background-color:#f0f0f0;
}

[type="radio"]:checked+label {
  background-color: #AFDDB5;
  transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}


/* Aspect de la case */
[type="radio"]:not(:checked)+label::before,
[type="radio"]:checked+label::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 11px;
  width: 20px;
  height: 20px;
  border: 1px solid #141414;
  background: #FFF;
  border-radius: 20px;
  transition: all .275s;
}

.filtre_recherche [type="radio"]:not(:checked)+label::before,
.filtre_recherche [type="radio"]:checked+label::before {
  top: 8px;
}


/* Aspect de la coche */
[type="radio"]:not(:checked)+label::after,
[type="radio"]:checked+label::after {
  content: '';
  position: absolute;
  left: 11px;
  top: 11px;
  width: 20px;
  height: 20px;
  border: 1px solid #141414;
  background: #e2f2e0;
  border-radius: 20px;
  -moz-box-shadow: inset 0px 0px 0px 6px #000000;
  -webkit-box-shadow: inset 0px 0px 0px 6px #000000;
  -o-box-shadow: inset 0px 0px 0px 6px #000000;
  box-shadow: inset 0px 0px 0px 5px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=0);
}

.filtre_recherche [type="radio"]:not(:checked)+label::after,
.filtre_recherche [type="radio"]:checked+label::after {
  top: 8px;
}

/* Aspect non cochée */
[type="radio"]:not(:checked)+label::after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
[type="radio"]:checked+label::after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

/* CASE A CHOCHER */
[type="checkbox"] {
  position: absolute;
  left: 0;
  opacity: 0.01;
}

[type="checkbox"]+label {
  position: relative;
  cursor: pointer;
  padding: 12px 18px 12px 32px;
  margin: 0;
  font-size: 1.8rem;
  line-height: 24px;
  font-family: 'DadaGrotesk';
  height: 48px;
}

/* Aspect de la case */
.checkbox-label::before,
[type="checkbox"]:not(:checked)+label::before,
[type="checkbox"]:checked+label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 20px;
  height: 20px;
  border: 1px solid #141414;
  border-radius: 4px;
  transition: all .275s;
  background-color: #fff;
}

/* Aspect de la coche */
.checkbox-label::after,
[type="checkbox"]:not(:checked)+label::after,
[type="checkbox"]:checked+label::after {
  /* content: ''; */
  content: url('../images/checkbox-on.svg');
  position: absolute;
  left: -2px;
  top: 10px;
  width: 0;
  height: 0;
  background: #FFF;
  border-radius: 2px;
  -moz-box-shadow: inset 0px 0px 0px 5px #000000;
  -webkit-box-shadow: inset 0px 0px 0px 5px #000000;
  -o-box-shadow: inset 0px 0px 0px 5px #000000;
  box-shadow: inset 0px 0px 0px 5px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=0);
}

/* Aspect non cochée */
[type="checkbox"]:not(:checked)+label::after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
[type="checkbox"]:checked+label::after {
  opacity: 1;
  transform: scale(1.1) rotate(0);
}

.banner_infolettre {
  background-color: #23A434;
  color: #fff;
}

/* COMMENTAIRES =============================== */
/* ================================================ */
.gris {
  color: #6A6A6A;
  margin-right: 8px;
}

.libelle_commentaire {
  color: #23A434;
}

h1.barre {
  margin-bottom: -16px;
}

br+p.titre_page {
  margin-top: 24px;
}

.titre_commentaire {
  margin: 0 0 12px 0;
  font-family: "DadaGrotesk Medium";
}

.carte1 A:first-child:hover {
  color: #141414;
}

p.titre_lire_aussi.pol20 {
  margin: 0;
}

/* COMPTE UTILISATEUR  =============================== */
/* ================================================ */
article.sansbarre6 {
  grid-column: 4/span 6;
  grid-row: auto;
}

article.sansbarre6 p.titre_page {
  font-family: 'DadaGrotesk Bold';
}

/* INFOS UTILISATEUR  =============================== */
/* ================================================ */

span.pol16+#email {
  margin-top: 4px;
}

/* FORMULAIRE DON =============================== */

.titre_don {
  font-size: 4.2rem
}

.barre.titre_don {
  margin: -48px 0 25px;
}

.chapo_form {
  font-family: dadagrotesk;
  letter-spacing: -0.01em;
}

.grille1 {
  grid-template-columns: repeat(1, 1fr);
}

.grille2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}

.grille2 [type="radio"]+label {
  grid-column: span 1;
  width: 100%;
}

.montre_480 {
  display: none !important;
}

#montantlibre {
  box-shadow: unset;
  outline: 1px solid #BDE3C2;
  border: 1px solid #91D199 !important;
}

.paiements label svg {
  float: right;
}

#paiementprelevement svg {
  margin-top: 4px;
}

.retry-boutons-paiement a {
  min-width: 300px;
}

label[for=civilite1] {
  margin: 0 32px 12px 0;
}

fieldset label[for^=civilite] {
  margin: 8px 0;
}

fieldset span.pol16 {
  color: #6A6A6A;
}

#calcule_don {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 2px;
}

#form_don label {
  font-size: 2.4rem;
  width: 100%;
}

#form_don .recufiscal {
  display: none;
}


/* FORMULAIRE DON RETRY =============================== */

.retry-boutons-paiement {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px 0;
}

.retry-boutons-paiement a {
  padding-top: 7px;
  text-decoration: none;
  font-size: 2.4rem;
  font-family: "DadaGrotesk Medium";
}


/* BANNIERE DON =============================== */
/* ================================================ */
.principaldon {
  display: grid;
  position: relative;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0;
  margin: 32px auto;
  color: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.imagedon {
  grid-column: 1;
  position: relative;
  overflow: hidden;
}

.textedon {
  grid-column: 2;
  padding: 32px;
  font-size: 2.4rem;
  line-height: 28px;
  background: #0059DB;
}

.imagedonabs {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: none;
}

#titre_cp2020 {
  font-size: 3.2rem;
  line-height: 36px;
  font-family: 'DadaGrotesk Bold';
  margin: 0 50px 8px 0;
}

#titrejauge_cp2020 {
  font-size: 2.4rem;
  line-height: 26px;
  font-family: 'DadaGrotesk Medium';
  margin: 32px 0 8px 0;
}

#sousjauge_cp2020 {
  font-size: 1.8rem;
  line-height: 24px;
  font-family: 'DadaGrotesk';
  margin: 12px 0 72px 0;
}

#bouton_cp2020 {
  font-size: 2.4rem;
  line-height: 20px;
  border: 1px solid #141414;
}

#bouton_cp2020:hover {
  background-color: #6A6A6A;
  box-shadow: 0px 0px 0px 1px #141414;
}

.bouton_fermer {
  width: 40px;
  height: 32px;
  padding: 0;
  text-align: center;
  border-radius: 8px;
}


/* Espace DONATEUR =============================== */
/* ================================================ */

.sponsor-card {
  display: flex;
  flex-direction: column;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
  width: 100%;
  min-height: 194px;
  border-radius: 8px;
}

.sponsor-card * {
  font-family: DadaGrotesk;
  font-style: normal;
  font-weight: normal;
}

.sponsor-card-bg-green {
  background: #EFF5F0;
}

.sponsor-card-bg-yellow {
  background: #FEFAE9;
}

.sponsor-card-bg-red {
  background: #F5EFEF;
}

.sponsor-card-bg-grey {
  background: lightgrey;
}

.sponsor-card-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 44px;
  margin-bottom: 24px;
  /* position: absolute; */
}

.sponsor-subscription-amount {
  display: flex;
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 120%;
  color: #000000;
  letter-spacing: -0.01em;

}

.sponsor-subscription-state {
  display: flex;
  padding: 4px 12px;
  width: auto;
  height: 36px;
  border-radius: 25px;
  color: white;
  text-transform: uppercase;
  font-family: 'DadaGrotesk Medium';
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.sponsor-subscription-state-bg-green {
  background: #23A434;
}

.sponsor-subscription-state-bg-yellow {
  background: #F0CF25;
  color: #141414;
}

.sponsor-subscription-state-bg-red {
  background: #BE0000;
}

.sponsor-subscription-state-bg-grey {
  background: grey;
}

.sponsor-card-body {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 2rem;
  line-height: 120%;
  color: #141414;
  margin-bottom: 24px;
}

.sponsor-card-date {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #141414;
}

.sponsor-card-date>span {
  color: #6A6A6A;
  font-size: 1.6rem;
  line-height: 150%;
  margin-bottom: 4px;
}


.sponsor-card-type {
  display: flex;
  margin-left: 40px;
  flex-direction: column;
  text-transform: capitalize;
  color: #141414;
}

.sponsor-card-type>span {
  color: #6A6A6A;
  font-size: 1.6rem;
  line-height: 150%;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.sponsor-pm-info {
  transition: transform .2s;
}

.sponsor-pm-info:hover {
  color: #23A434;
  cursor: pointer;
}

.sponsor-pm-details {
  display: none;
  border-radius: 8px;
  border: #141414 1px solid;
  padding: 2px 10px;
  background-color: white;
  text-align: center;
  margin-top: 5px;
  font-size: 1.8rem;
  width: max-content;
  position: absolute;
}

.sponsor-pm-details-visible {
  display: block;
}

.sponsor-card-footer {
  display: flex;
  font-size: 2rem;
  line-height: 120%;
  color: #141414;
}

.sponsor-card-links a {
  text-decoration: none;
  border-bottom: #141414 1px solid;
}

.sponsor-card-links a:first-child {
  margin-right: 16px;
}

.sponsor-form {
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 0 24px;
  margin-bottom: 0px;
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.sponsor-form-visible {
  height: auto;
  visibility: visible;
  opacity: 1;
  padding: 12px 24px;
  margin-bottom: 12px;
  transition: opacity .4s ease-in-out;
}

.sponsor-form div label {
  font-size: 18px;
  margin-bottom: 4px;
}

.sponsor-form legend {
  margin-bottom: 20px;
}

.suspend-form label:last-child {
  background-color: #F5EFEF;
}

.reponse_ko.hidden {
  display: none;
}

.loader {
  margin: auto;
  border: 10px solid #EAF0F6;
  border-radius: 50%;
  border-top: 10px solid #23a434;
  width: 100px;
  height: 100px;
  animation: spinner 4s linear infinite;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Alertes - Flash message */

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 2rem;
}


.alertCheckbox {
  display: none;
}

:checked+.alert {
  display: none;
}

.alertText {
  display: table;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
}

.alertClose {
  position: absolute;
  right: 20px;
  font-size: 15px;
}

.clear {
  clear: both;
}

.info {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}

.success {
  background-color: #EFF5F0;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}

.warning {
  background-color: #FEFAE9;
  border: 1px solid #faebcc;
  color: #8a6d3b;
}

.error {
  background-color: #F5EFEF;
  border: 1px solid #ebccd1;
  color: #a94442;
}



/* ABONNEMENT LETTRES =============================== */
/* ================================================ */
header.infolettre {
  border-bottom: 1px solid #141414;
}

header.infolettre nav {
  display: none !important;
}

.divblock.infolettre {
  margin: 0 auto;
}

footer.infolettre {
  margin-top: 0 !important;
}

form[action="Abonnements-lettres-d-infos"] p:nth-of-type(2),
form[action="Abonnements-lettres-d-infos"] p:nth-of-type(5) {
  margin: 0;
}

form[action="Abonnements-lettres-d-infos"] p.pol14 {
  margin: 4px 0 0 32px;
  color: #6A6A6A;
  font-size: 1.8rem !important;
  line-height: 24px !important;
}

.infolettre .exemple {
  border: 6px solid #141414;
  max-height: 800px;
  max-width: 375px;
  background-color: #ffffff;
  border-radius: 32px;
  margin: 0 auto;
  overflow: hidden;
}

/* TROMBINOSCOPE =============================== */
/* ================================================ */

.grid_portrait {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: 32px;
  max-width: 1360px;
}

.grid_portrait A {
  grid-column: span 2;
  margin: 0 0 32px 0;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: 'DadaGrotesk Medium';
}

.grid_portrait A img {
  border-radius: 16px;
  overflow: hidden;
  margin: 0 0 16px 0;
  width: 100%;
}

.fond_noir {
  display: none;
  background: #141414;
  opacity: 0.4;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.modal {
  display: none;
  background: white;
  border-radius: 8px;
  border: 1px solid #141414;
  position: fixed;
  padding: 32px;
  font-size: 1.8rem;
  line-height: 2.8rem;
  top: 25vh;
  left: 25vw;
  width: 50vw;
  height: 50vh;
  overflow: auto;
  z-index: 10;
}

.portrait_img {
  border-radius: 16px;
  overflow: hidden;
  margin: 0 0 16px 0;
  width: 128px;
}

.modal .titre {
  font-size: 2.8rem;
  line-height: 3.2rem;
  letter-spacing: -0.01em;
  font-family: 'DadaGrotesk Bold' !important;
  margin: 0;
}

.modal_fermer {
  background-color: rgba(211, 211, 211, 0.5);
  position: absolute;
  top: 32px;
  right: 32px;
}

.modal_fermer svg {
  vertical-align: unset;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.article_epingle {
  display: block;
  margin: 0 auto;
  max-width: 1360px;
  text-decoration: none;
}

.article_epingle:hover {
  color: #141414;
}

.article_epingle div {
  display: block;
  position: relative;
  background: #e6f6e7;
  color: #141414;
  min-height: 56px;
  margin: 12px 48px 24px 48px;
  padding: 16px 0 12px;
  border-radius: 12px;
  font-family: 'DadaGrotesk Medium';
  font-size: 2.4rem;
  text-align: center;
}

.article_epingle span {
  vertical-align: top;
}

.barre_bottom {
  border-bottom: 1px solid #d9d9d9;
  padding: 24px 0 12px 0;
}

.multiarticle {
  row-gap: 32px;
  padding-bottom: 48px;
  position: relative;
}

.multiarticle:after {
  content: "";
  height: 1px;
  width: calc(100% - 96px);
  background: #141414;
  position: absolute;
  bottom: 0;
  left: 48px;
}

.multiarticle .lien_article {
  grid-column: span 12;
}

.multiarticle H1.h1_home {
  font-size: 4.8rem;
  line-height: 56px;
  margin: 0 0 32px 0;
  text-align: center;
  font-family: 'DadaGrotesk Bold';
}

.multiarticle .lien_article_multiple {
  padding: 0 0 0 40px;
  text-decoration: none;
  min-height: 25px;
  position: relative;
}

.multiarticle .lien_article_multiple svg {
  position: absolute;
  left: 0;
  top: 3px;
  background-color: #23A434;
  padding: 6px;
  border-radius: 12px;
}

.multiarticle .lien_article_multiple:hover {
  color: #141414;
  text-decoration: underline;
}

.multiarticle .lien_article_multiple2 {
  grid-column: span 6;
}

.multiarticle .lien_article_multiple3 {
  grid-column: span 4;
}

.multiarticle .lien_article_multiple4 {
  grid-column: span 3;
}



.breve {
  border-radius: 12px;
  background: #EFF5F0;
  padding: 16px;
  margin: 0 0 48px 0;
  grid-column: span 3;
  position: relative;
}

.breve:after {
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -16px;
  width: 1px;
  background: #D9D9D9;
  display: block;
}

.breve:nth-child(4n):after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  background: white;
  display: block;
}

.titre_home {
  font-size: 3.6rem;
  line-height: 44px;
  margin: 0 auto;
  padding-top: 32px;
  border-top: 1px solid black;
  max-width: 1264px;
  font-family: 'DadaGrotesk Bold';
  font-weight: normal;
  width: calc(100% - 96px);
  text-align: left;
  text-decoration: none;
  position: relative;
}

A.tous_articles {
  position: absolute;
  top: 32px;
  right: 0;
  font-size: 1.8rem;
  line-height: 24px;
  color: #23A434;
  text-decoration: none;
  border: 0 none;
  padding: 0 8px 0 0;
  font-family: "DadaGrotesk Medium";
}

A.tous_articles svg,
A.tous_articles_bas svg {
  background-color: #23A434;
  margin-left: 4px;
  padding: 7px;
  border-radius: 12px;
  vertical-align: bottom;
}

A.tous_articles_bas {
  display: none;
}

.bloc_idees {
  background: #FCF7F4;
}

.icone_tribune {
  background: #FCF7F4;
  width: 48px;
  height: 48px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 9px;
}

/* 1359px =============================== */
/* ================================================ */
@media (max-width: 1359px) {
  .article0_image {
    grid-column: span 7;
  }

  .article0_titre {
    grid-column: 8/span 5;
  }

  #panneau_recherche INPUT[type="text"] {
    width: 14vw;
  }

  #don1 {
    display: none;
  }

  /* BARRE DE RECHERCHE =============================== */
  #barre_recherche INPUT {
    max-width: 293px;
  }

  /* COMMENTAIRES =============================== */
  article.sansbarre {
    grid-column: 4/span 6;
    grid-row: auto;
  }

  /* FORMULAIRE DON =============================== */
  #form_don .paiements {
    grid-template-columns: repeat(1, 1fr);
  }

}


/* 1023px =============================== */
/* ================================================ */
@media (max-width: 1023px) {
  .divblock {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 32px;
  }

  .montre_1023 {
    display: inline-block !important;
  }

  .cache_1023 {
    display: none !important;
  }

  .footer_1 {
    grid-column: span 5;
    grid-row: span 2;
    margin: 32px 0 0 0;
  }

  .footer_1:after {
    content: " ";
    height: 90%;
    position: absolute;
    top: 18px;
    right: -16px;
    width: 1px;
    background: #6A6A6A;
    display: block;
  }

  .footer_2 {
    grid-column: 6/span 3;
    position: relative;
  }

  .footer_1+.footer_2 {
    margin: 32px 0 0 0;
  }

  .footer_2+.footer_2 {
    margin: 0;
  }

  .footer_2:before {
    display: none;
  }

  .footer_3 {
    margin-top: 32px;
  }

  .copyright {
    display: block;
    width: 100%;
    margin: 0 0 12px 0;
  }

  A.lienpied {
    float: none;
    display: inline-block;
    margin: 4px 24px 4px 0;
  }

  .homepage-cases {
    margin: 24px auto 32px auto;
  }

  .homepage-cases .bouton {
    margin-top: 16px;
  }

  .homepage-cases:after {
    display: none;
  }

  .homepage-cases::before {
    top: -24px;
  }

  .homepage-cases .case_soutenir{
    padding: 0;
  }

  .cases2 div,
  .cases2 > div:nth-child(2) {
    grid-column: 2/ span 6;
    margin: 24px 0;
  }

  .cases2 > div:nth-child(2) {
    margin: 72px 0 0 0;
  }

  .cases2 div form div{
    margin: 0;
  }

  div.nettoyeur {
    margin: 0;
  }

  .cases2 > div:nth-child(2):before {
    content: " ";
    position: absolute;
    background: #d9d9d9;
    display: block;
    width: calc(125% + 64px);
    right: calc(-12.5% - 32px);
    left: auto;
    top: -48px;
    height: 1px;
  }

  #bt_newsletter {
    display: none;
  }

  #panneau_recherche {
    top: 0;
  }

  #panneau_recherche INPUT[type="text"] {
    width: 256px;
  }

  #nav-main-container {
    margin: auto;
    height: 72px
  }

  .header_fixe #nav-main-container {
    height: 64px;
  }

  .logo_site {
    display: block;
    width: 202px;
    height: 48px;
  }

  .nav-info {
    display: none;
  }

  .nav-logo {
    justify-content: left;
  }

  nav {
    text-align: left;
  }

  nav A {
    padding: 16px 12px;
    font-size: 18px;
  }

  nav A:selected {
    border-bottom: 2px solid #141414;
  }

  .sephorizontal3 {
    display: block;
  }

  section::after {
    display: none;
  }

  .article0 {
    grid-column: span 8;
  }

  .article1 {
    grid-column: span 5;
    grid-row: span 2;
    margin-bottom: 48px;
  }

  .article2:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: white;
    display: block;
  }
  
  .article3 {
    grid-column: span 8;
  }
 
  .serie-container a {
    font-size: 1.2em;
    max-width: 650px;
    margin: 0 auto;
  }

  .homebis {
    margin: 44px auto 24px auto;
  }

  .homebis .article1 {
    grid-column: span 4;
  }

  .homebis .article2 {
    grid-column: span 4;
    margin-bottom: 48px;
  }

  .homebis .article2:after {
    content: "";
    height: 100%;
    position: absolute;
    right: -16px;
    width: 1px;
    background: #d9d9d9;
    display: block;
  }

  .homebis .article2:nth-child(2n+2):after {
    display: none;
  }

  .article0_image {
    grid-column: 5/span 4;
    grid-row: 2;
  }

  .article0_titre {
    grid-column: 1/span 8;
    grid-row: 1;
  }

  .article0_introduction2 {
    grid-column: 1/span 4;
    grid-row: 2;
    display: block;
  }

  .article0_introduction {
    display: none;
  }

  .trait_gris {
    border-top: 1px solid #D9D9D9;
    border-bottom: 0 none;
  }

  .article_12,
  .article_8 {
    grid-column: span 4;
  }

  .article_12:nth-child(2n):after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: white;
    display: block;
  }

  .article_4:after {
    display: none;
  }

  .article_contenu {
    grid-column: span 5;
  }

  .article_image {
    grid-column: 6/span 3;
  }

  /* STYLE DES ARTICLE =============================== */
  article,
  article.sansbarre,
  section,
  section.etroite,
  .boite_apresarticle,
  .boite_encarts,
  .boite_complement {
    grid-column: 2/span 6;
    grid-row: auto;
  }

  .boite_lireaussi {
    grid-column: 1/span 8;
    grid-row: auto;
  }
  
  .colonne,
  .colonne_section {
    display: none;
  }

  .article_info {
    margin: 0 0 32px 0;
  }

  .article_info {
    padding: 0;
  }

  .blocauteur {
    margin: 0;
  }

  .date {
    display: inline-block;
    margin: 0;
  }

  .date_modif {
    display: block;
  }

  .image_ronde {
    float: right;
    width: 64px;
    height: 64px;
    border-radius: 32px;
  }

  .grosse_icone {
    float: right;
    margin: 0;
    width: 58px;
    height: 58px;
  }

  .article_big {
    grid-column: span 5;
  }

  .article_4_1 {
    grid-column: span 4;
    position: relative;
  }

  .enquete .bloc1 {
    grid-column: span 8;
  }

  .enquete .bloc2 {
    grid-column: 1/span 8;
  }

  .enquete .bloc2 .lien_article::after {
    display: none;
  }

  .enquete .bloc2 .lien_article {
    width: calc(50% - 16px);
    margin: 0 16px 48px 0;
    float: left;
  }

  .enquete .bloc2 .numero {
    float: none;
    margin: 0;
  }

  .enquete .bloc2 .illustration {
    width: 100%;
    margin: 8px 0;
    float: none;
    min-height: none;
  }

  .enquete .bloc2 a:last-of-type {
    margin-top: 0;
  }

  .headerenquete div {
    grid-column: 1/span 8;
    padding: 48px 0;
  }

  .trait_gris:first-of-type {
    border-top: 1px solid #D9D9D9;
    padding: 16px 0 16px 0;
    margin-top: 6px;
  }

  .trait_gris {
    border-top: 1px solid #D9D9D9;
    padding: 16px 0 16px 0;
  }

  .boite_apresarticle .vignette_gauche {
    float: right;
    margin: 0 0 0 12px;
    width: 33%;
  }

  .boite_apresarticle {
    position: relative;
  }

  .boite_apresarticle::after {
    content: " ";
    height: calc(100% + 18px);
    position: absolute;
    top: -11px;
    left: -16px;
    width: 1px;
    background: #D9D9D9;
    display: block;
  }

  .article_contenu {
    grid-column: span 5;
  }

  .article_image {
    grid-column: 6/span 3;
  }

  .large {
    width: 135%;
    left: -13%;
  }

  .large .spip_doc_titre {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    padding: 0 0 0 16%;
  }

  .vignette_enquete {
    float: none;
    margin: 0;
    width: 100%;
  }

  .intro_enquete div:first-child {
    float: none;
    width: 100%;
    padding: 0;
  }

  #galerie {
    padding: 72px 0 0 0;
  }

  #galerie #panel {
    right: auto;
    left: 0;
    width: 100%;
    height: 72px;
    text-align: right;
  }

  #panel_btsuivant,
  #panel_btprecedent,
  #bt_fermer_panel {
    margin: 16px 8px 0 0;
    display: inline-block;
  }

  #bt_fermer_panel {
    float: right;
  }

  #galerie #legende {
    right: auto;
    left: 8px;
    max-width: 60%;
  }

  .logo_enquete {
    margin: 0;
  }

  /* BARRE DE RECHERCHE =============================== */
  #barre_recherche INPUT {
    max-width: 517px;
  }

  /*.filtre_recherche {
	text-align: left;
	width: 100%;
	}*/
  .filtre_recherche {
    padding-top: 48px;
  }

  .filtre_recherche .selectmenu {
    width: calc(50% - 15px) !important;
  }

  .filtre_recherche .selectmenu:first-of-type {
    margin: 0 12px 0 0 !important;
  }

  .filtre_recherche .selectmenu:last-of-type {
    margin: 0 0 0 12px !important;
  }

  .filtre_recherche label[for^=tri] {
    width: calc(50% - 15px) !important;
  }

  .filtre_recherche label[for=tri1] {
    margin: 24px 12px 24px 0 !important;
  }

  .filtre_recherche label[for=tri2] {
    margin: 24px 0 24px 12px !important;
  }


  p.titre_page.pleinelargeur {
    position: static;
    text-align: left;
    margin-bottom: 24px;
    margin-top: -20px;
  }

  label[for="tri1"] {
    margin: 0 4px 0 calc(100% - 599px) !important;
  }

  /* COMMENTAIRES =============================== */
  .menussrub {
    text-align: center;
    margin-bottom: 64px;
    margin-top: 32px;
  }

  /* DONS ET BANNIERE DON =============================== */
  label[for^=recu] {
    width: calc(50% - 19px);
  }

  #titre_cp2020 {
    margin: 0 0 8px 0;
  }

  #don1 {
    display: none;
  }

  .textedon,
  .imagedon {
    grid-column: 1/span 2;
    text-align: center;
  }

  .imagedon {
    height: 350px;
  }

  /* pagination "..." */
  .tbc {
    margin: 0;
  }

  /* TROMBINOSCOPE =============================== */
  /* ================================================ */

  .grid_portrait {
    grid-template-columns: repeat(6, 1fr);
  }

  .grid_portrait A {
    grid-column: span 3;
  }

  .modal {
    left: 12.5vw;
    width: 75vw;
  }

  .breve {
    margin: 0 0 24px 0;
    grid-column: span 4;
  }

  .breve:nth-child(2n):after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: white;
    display: block;
  }

  .multiarticle {
    row-gap: 24px;
  }

  .multiarticle .lien_article {
    grid-column: span 8;
  }

  .multiarticle .lien_article_multiple2 {
    grid-column: span 4;
  }

  .multiarticle .lien_article_multiple3 {
    grid-column: span 2;
    width: 135%;
    position: relative;
  }

  .multiarticle .lien_article_multiple3:nth-child(2n+1) {
    left: 41%;
  }

  .multiarticle .lien_article_multiple3:nth-child(2n) {
    left: 81%;
  }

  .multiarticle .article_multiple1 {
    left: 0 !important;
  }

  .multiarticle .lien_article_multiple4 {
    grid-column: span 4;
  }
}


/* 767px =============================== */
/* ================================================ */
@media (max-width: 767px) {
  .cache_767 {
    display: none;
  }

  .divblock {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 32px;
    padding: 0 32px;
    margin: 32px auto 0 auto;
  }

  .divblock_derniers {
    margin-bottom: 12px;
  }


  .divblock_72 {
    margin: 32px auto 48px auto;
  }

  #minipres .barre {
    display: none;
  }

  section.gauche {
    grid-column: 1/span 12;
  }

  .bloc {
    margin: 48px 0 0 0;
  }

  .centrer {
    padding: 0 32px;
  }

  header .centrer {
    padding: 0;
  }

  .sephorizontal3 {
    width: calc(100% - 64px);
    margin: 24px 32px;
  }

  .cache_767 {
    display: none;
  }

  .montre_767 {
    display: inline-block !important;
  }

  .marge {
    margin: 0;
  }

  .marge12_787 {
    margin: 0 0 16px 0;
  }

  .header_fixe #nav-main-container,
  #nav-main-container {
    padding: 0 32px;
    border-bottom: solid 1px #d9d9d9;
  }

  .footer_1 {
    grid-column: span 8;
    grid-row: span 1;
    margin: 17px 0 32px 0;
  }

  .footer_1:after {
    display: none;
  }

  .footer_2 {
    grid-column: span 4;
  }

  .footer_2 p:first-child {
    margin: 0;
  }

  .footer_2 p:nth-child(3) {
    margin-bottom: 0;
  }

  .footer_2:nth-child(3):before {
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    left: -16px;
    width: 1px;
    background: #6A6A6A;
    display: block;
  }

  .footer_1+.footer_2 {
    margin: 0;
  }

  .homepage-cases {
    margin: 0 auto;
  }

  .homepage-cases:before {
    width: calc(100% - 64px);
    left: 32px;
    top: -16px;
  }

  .cases2 div,
  .cases2 div:nth-child(2) {
    grid-column: 1/ span 8;
  }

  .cases2 div:nth-child(2):before {
    width: 100%;
    left: 0;
  }

  #bandeau {
    display: none;
  }

  #don1, #don0 {
    display: none;
  }

  nav {
    padding: 0 0 0 32px;
  }

  nav A {
    display: inline-block;
    color: #141414;
    padding: 12px 10px;
    text-decoration: none;
  }

  nav A:selected {
    border-bottom: 2px solid #141414;
  }

  #mots-cles::after {
    content: "";
    width: 100px;
    height: 32px;
    position: absolute;
    top: 78px;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  }

  #panneau_recherche {
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    padding: 0;
    z-index: 500;
    width: 100%;
    top: 135px;
    right: 0;
  }

  #panneau_recherche form {
    background: white;
    padding: 16px;
    position: relative;
    z-index: 10;
    flex-wrap: wrap;
  }

  #panneau_recherche INPUT[type="text"] {
    width: 100%;
    height: 48px;
  }

  #panneau_recherche INPUT[type="submit"],
  #panneau_recherche INPUT[type="button"] {
    width: calc(50% - 11px);
    height: 48px;
    margin: 16px 0 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  #panneau_recherche INPUT[type="button"] {
    font-family: "DadaGrotesk";
    font-weight: normal;
    line-height: 24px;
    color: black;
    font-size: 1.6rem;
  }

  #themes {
    text-align: left;
    margin-bottom: 48px;
    padding: 13px 24px 0 24px;
  }

  .article1 {
    grid-column: span 8;
    margin-bottom: 0;
  }

  .article1:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: white;
    display: block;
  }

  .article2 {
    grid-column: span 8;
    grid-row: unset;
  }

  .article2 a {
    width: 50%;
    float: left;
    margin-top: 48px;
  }


  .article2 a:first-child {
    padding-right: 8px;
  }

  .article2 a:first-child:after {
    content: " ";
    height: calc(100% - 40px);
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: #D9D9D9;
    display: block;
  }

  .article2 a:nth-child(2n) {
    padding-left: 8px;
  }

  .article3 a {
    display: inline-block;
    width: 100%;
  }

  .article3 a img{
    display: block;
  }
  .article3 .vignette_gauche {
    float: right;
    margin: 0 0 0 12px;
    width: 33%;
  }

  .article_4:after {
    display: block;
  }

  .article_big:after {
    display: none;
  }

  .article0_titre {
    grid-column: 1/span 8;
    grid-row: 1;
  }

  .article0_image {
    grid-column: 1/span 8;
    grid-row: 2;
  }

  .article0_introduction2 {
    grid-column: 1/span 8;
    grid-row: 3;
  }

  .homebis .article1 {
    grid-column: span 8;
  }

  .article1:first-of-type:after {
    display: none;
  }

  .homebis {
    margin: 32px auto 0 auto;
  }

  .homebis .article1:after {
    display: none;
  }

  .homebis .article2 {
    grid-column: span 4;
    margin-top: 0;
  }

  .homebis .article2 a:first-child {
    padding-right: 0;
  }

  .homebis .article2 a {
    width: 100%;
    float: none;
    margin-top: 0;
  }
  .homebis .article2 a:after {
    display: none;
  }

  .glibelle,
  a.glibelle {
    font-size: 1.8rem;
    line-height: 24px;
    margin: 0 0 3px;
  }

  H1 {
    font-size: 3.6rem;
    line-height: 44px;
  }

  H2 {
    font-weight: normal;
  }

  H3.h3_sousligne,
  H3.h3_tag {
    margin: 0 32px 32px 32px;
    width: calc(100% - 64px);
  }

  article,
  article.sansbarre,
  section,
  section.etroite,
  .boite_apresarticle,
  .boite_lireaussi,
  .boite_encarts,
  .boite_complement {
    grid-column: 1/span 8;
    grid-row: auto;
  }

  .boite_encarts {
    font-size: 2.1rem;
    line-height: 3rem;
  }

  .boite_apresarticle {
    margin-top: 8px;
  }

  article:after,
  section:after,
  .boite_encarts:after,
  .boite_complement:after,
  .boite_apresarticle::after {
    display: none;
  }

  #appel-dons {
    left: 0;
    width: 100%;
  }

  .article_big {
    grid-column: span 8;
  }

  .article_4_1,
  .article_4 {
    grid-column: span 4;
  }

  .article-item {
    padding: 24px 32px 0;
    margin: 24px 0 0
  }

  .article-item:before {
    padding: 0;
    margin-bottom: 24px;
    left: 32px;
    right: 32px;
  }

  .article_contenu {
    padding: 0 0 41px 0;
  }

  .article_info {
    font-size: 1.8rem;
    line-height: 2.9rem;
  }

  .bloc_enquete {
    margin: 0 0 48px 0;
  }

  .enquete .bloc2 .lien_article {
    width: 100%;
    margin: 12px 0;
    float: none;
  }

  .bloc_enquete div.enquete {
    margin: 32px 0 !important;
  }

  .enquete .bloc2 .illustration {
    width: 30%;
    float: left;
    margin: 0 12px 0 0;
    min-height: 90px;
  }

  .texte {
    font-size: 2.1rem;
    line-height: 3rem;
  }

  .spip_doc_titre {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .pol24 {
    font-size: 2rem;
    line-height: 24px;
  }

  .large {
    width: calc(100% + 64px);
    left: -32px;
  }

  .large .spip_doc_titre {
    padding: 0 0 0 32px;
  }

  .intro_enquete {
    padding: 32px;
  }

  blockquote.spip_poesie {
    left: 0;
    float: none;
    max-width: 100%;
    margin: 32px 0 72px 0;
    z-index: 10;
    width: 100%;
  }

  .pagination-item:not(:first-child,:last-child){
    display: none;
  }

  .encart {
    margin: 8px 0;
    left: 0;
    width: 100%;
  }

  label[for^=recu],
  label[for^=paiem] {
    margin: 0 auto 12px auto;
    width: 100%;
  }

  #galerie #legende {
    right: auto;
    left: 8px;
    max-width: 100%;
    width: 95%;
    bottom: 40px;
  }

  #galerie #numerotation {
    bottom: 5px;
  }

  /* BARRE DE RECHERCHE =============================== */
  #barre_recherche INPUT {
    max-width: 261px;
  }

  #barre_recherche #recherche {
    margin-left: 0;
    margin-right: 6px;
  }

  #barre_recherche INPUT[type="submit"] {
    margin-left: 6px;
    margin-right: 0;
  }

  .filtre_recherche {
    padding-top: 48px;
  }


  .pagination::before {
    width: calc(100% - 64px);
  }

  .filtre_recherche .icone {
    padding: 6px 16px;
  }

  /* COMMENTAIRES =============================== */
  h1.barre {
    font-size: 4.8rem;
    margin-bottom: 0;
    border-top: none;
  }

  /* TROMBINOSCOPE =============================== */
  .modal {
    top: 16vh;
    left: 5vw;
    width: 90vw;
    height: 68vh;
  }

  /* FORMULAIRE DON =============================== */
  #form_don label[for^=recu],
  #form_don label[for^=type] {
    font-size: 2.2rem;
  }

  #form_don input[type=text],
  #form_don input[type=email],
  #form_don input[type=password],
  #form_don label {
    font-size: 2rem;
  }

  #form_don label.ob {
    font-size: 2rem;
    line-height: 22px;
  }

  .barre.titre_don {
    margin-top: -24px;
  }

  #calcule_don {
    font-size: 2rem;
  }

  #id_pays {
    font-size: 2rem;
  }

  A.tous_articles {
    display: none;
  }

  .multiarticle {
    padding-bottom: 32px;
  }

  .multiarticle:after {
    width: calc(100% - 64px);
    left: 32px;
  }

  .multiarticle H1.h1_home {
    font-size: 3.6rem;
    line-height: 44px;
    margin: 0 0 24px 0;
  }

  .h1_home sup,
  .h1_home sub {
    font-size: 1.8rem;
  }

  .multiarticle .lien_article_multiple2,
  .multiarticle .lien_article_multiple3,
  .multiarticle .lien_article_multiple4,
  .multiarticle .lien_article_multiple3:nth-child(2n),
  .multiarticle .lien_article_multiple3:nth-child(2n+1) {
    grid-column: span 8;
    left: 0;
    width: 100%;
  }

  .article_epingle div {
    margin: 12px 32px 24px 32px;
  }

  A.tous_articles_bas {
    display: block;
    position: relative;
    top: -24px;
    right: 0;
    font-size: 1.8rem;
    line-height: 24px;
    color: #23A434;
    text-decoration: none;
    border: 0 none;
    padding: 0 0 0 32px;
    font-family: "DadaGrotesk Medium";
  }

  A.tous_articles {
    display: none;
  }

  .titre_home {
    width: calc(100% - 64px);
  }

  /* BANNIERE DONS  =============================== */
  .imagedonabs {
    position: relative;
    top: 0%;
    left: 0%;
    min-width: unset;
    min-height: unset;
    width: 100%;
    height: auto;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    max-width: 100%;
  }

  .imagedon {
    height: auto;
  }

  #pourcentage {
    display: none;
  }
}


/* 480px =============================== */
/* ================================================ */
@media (max-width: 480px) {

  html{
    scroll-padding-top: 66px;
  }

  .divblock {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 12px;
    padding: 0 12px;
    margin: 24px auto 8px auto;
  }

  div.divblock:first-of-type {
    margin-top: 12px;
  }

  aside .divblock {
    row-gap: 0;
  }

  .divblock0 {
    margin: 0 auto 8px auto;
  }

  .divblock_72 {
    margin: 24px auto 32px auto;
  }

  .divblock_derniers,
  .divblock_dossier,
  .divblock_images {
    margin-top: 16px;
  }

  .divblock_gdossier,
  .divblock_idees,
  .divblock_agenda {
    margin-top: 0;
  }

  .grille2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .bloc {
    margin: 32px 0 0 0;
  }

  .centrer {
    padding: 0 12px;
  }

  .header_fixe #nav-main-container,
  #nav-main-container {
    padding: 0 12px;
    height: 64px;
  }

  #nav-main.header_fixe .logo_site,
  .logo_site {
    width: 152px;
    height: 32px;
  }

  .header_fixe #nav-main-container {
    height: 56px;
  }

  .burger_nav_container {
    top: 64px;
  }

  .header_fixe .burger_nav_container {
    top: 56px;
  }

  .burger_nav_container form {
    margin: 0 0 12px 0;
  }

  .burger_nav_container .burger_nav_actions {
    margin-top: 32px;
  }

  .logo_site {
    display: block;
    width: 160px;
    height: 38px;
  }

  nav {
    padding: 0 0 0 12px;
    overflow-y: hidden;
  }

  #panneau_recherche {
    top: 114px;
  }

  #themes {
    padding: 8px 4px 0 4px;
    margin-bottom: 20px;
  }

  #themes a {
    margin-top: 8px;
  }

  p.titre_page.pleinelargeur {
    width: 200px;
  }

  .homepage-cases {
    margin: 0;
  }

  .homepage-cases:before {
    width: 100%;
    left: 0;
    top: 0;
  }

  .cases2 div,
  .cases2 div:nth-child(2) {
    grid-column: 1/ span 6;
  }

  .cases2 div:nth-child(2):before {
    width: calc(100% + 24px);
    left: -12px;
    top: -40px;
  }

  .cases2 div:nth-child(2) {
    margin: 48px 0 0 0;
  }

  .gros_titre_page {
    font-size: 2rem;
    line-height: 24px;
  }

  .bloc_enquete {
    margin: 0 0 32px 0;
  }

  input[type=submit].noir,
  input[type=button].noir {
    margin: 16px 0;
  }

  .texte_soutenez {
    margin: 0 0 8px 0;
    font-size: 2rem;
  }

  .icone, .bt_soutenir, .bouton {
    border-radius: 8px;
    padding: 4px 8px;
    height: 32px;
  }

  .icone IMG {
    width: 18px;
  }

  .bouton_icone {
    margin: 16px 6px 0 0;
    padding: 0;
  }

  .article_info .bouton_icone {
    padding: 4px 0 1px 0;
  }

  img.btrecherche {
    vertical-align: middle;
  }

  .cache_480 {
    display: none !important;
  }

  .montre_480 {
    display: block !important;
  }

  .montre_480 div.selectmenu {
    height: 40px;
    padding-top: 1px;
  }

  .centrer>.montre_480 {
    margin-top: 24px;
    text-align: center;
  }

  .btrecherche.montre_480 {
    display: inline-block !important;
    margin-left: 22px !important;
  }

  #form_don [type="radio"]+label {
    width: 100%;
  }

  #form_don p.titre_form:first-of-type {
    margin-top: 12px;
  }

  h1.barre.titre_don {
    font-size: 2.8rem;
    margin-top: 0;
  }

  FOOTER {
    font-size: 1.6rem;
    line-height: 24px;
    margin: 32px auto 0 auto !important;
  }

  FOOTER p:nth-child(2) {
    font-size: 1.8rem;
    line-height: 24px;
    margin: 0 0 8px 0;
  }

  .footer_1 {
    grid-column: span 6;
    margin: 12px 0;
  }

  .footer_1:after {
    content: " ";
    height: 1px;
    position: absolute;
    bottom: -12px;
    top: auto;
    left: 0;
    width: 100%;
    background: #6A6A6A;
    display: block;
  }

  .footer_2 {
    grid-column: span 6;
    margin: 0;
  }

  .footer_2 p:nth-child(2) {
    margin-top: 24px;
  }

  .footer_1+.footer_2 p:nth-child(2) {
    margin-top: 32px;
  }

  .footer_2 p:nth-child(3) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .bouton_blanc {
    margin-top: 24px;
  }

  .pad_8 {
    padding: 3px 7px;
  }

  .pol24 {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .pol20 {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .pol18 {
    font-size: 1.6rem;
    line-height: 24px;
  }

  .pol16 {
    font-size: 1.4rem;
    line-height: 24px;
  }

  .pol28 {
    font-size: 2.8rem !important;
    line-height: 32px !important;
  }

  #don0 {
    display: none;
  }

  .sephorizontal3 {
    margin: 0;
    width: 100%;
  }

  .article1,
  .article2,
  .article3,
  .homebis .article1,
  .homebis .article2 {
    grid-column: span 6;
  }

  .article1 {
    padding-bottom: 32px;
  }

  .homebis .article1::after {
    content: " ";
    height: 1px;
    position: absolute;
    left: -12px;
    bottom: 0;
    top: auto;
    width: calc(100% + 24px);
    background: #d9d9d9;
    display: block;
  }

  .homebis .article1 {
    margin-bottom: 33px;
  }

  .homebis .article2::after {
    display: none;
  }

  .homebis .article2 {
    margin-bottom: 20px;
  }

  .article2 A {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 32px;
  }

  .article2::before,
  .article3::before {
    content: " ";
    height: 1px;
    position: absolute;
    left: -12px;
    width: calc(100% + 24px);
    background: #d9d9d9;
    display: block;
  }

  .article2 A:first-child {
    padding-right: 0;
  }

  .article3 A{
    display: inline-block;
  }
  .article3 A img{
    display: block;
  }

  .texte .infolettre-form-container {
    margin-top: 0;
    padding: 12px;
  }

  .article3 .infolettre-form-container,
  .article3 .serie-container {
    margin-top: 16px;
  }

  .encart_vert .infolettre-form-container {
    padding: 0;
    margin: 0 !important;
  }

  [type="checkbox"]+label {
    font-size: 2rem;
  }

  .article0_introduction2 {
    padding-bottom: 24px;
  }

  .article2 A:nth-child(2n) {
    padding-left: 0;
  }

  .trait_gris:first-of-type {
    margin-top: 0;
  }

  .trait_gris,
  .trait_gris:first-of-type {
    border-top: none;
  }

  .trait_gris::before,
  .trait_gris:first-of-type::before {
    content: " ";
    height: 1px;
    position: absolute;
    top: 0;
    left: -12px;
    width: calc(100% + 24px);
    background: #d9d9d9;
    display: block;
  }

  H1.h1_home {
    font-size: 2.4rem;
    line-height: 28px;
  }

  .h1_home sup,
  .h1_home sub {
    font-size: 1.2rem;
  }

  h1 sup,
  h1 sub {
    font-size: 1.4rem;
  }

  H3.h3_home {
    font-size: 1.8rem;
  }

  H2.h2_home {
    margin-bottom: 32px;
  }

  H3.h3_sousligne,
  H3.h3_tag {
    font-size: 2.8rem;
    line-height: 32px;
    margin: 0;
    padding: 24px 0;
    width: 100%;
  }

  .boite_lireaussi h3.h3_sousligne {
    margin-bottom: 16px;
  }

  H1.titre_rub span,
  H1.titre_rub2 span {
    font-size: 2.8rem;
    line-height: 32px;
    padding: 0 12px;
  }

  .marge_article {
    margin: 0 0 32px 0;
  }

  .marge_article_lireaussi {
    margin: 0 0 32px 0;
  }

  .bloc {
    margin: 32px 0 0 0;
  }

  .article_12,
  .article_8 {
    grid-column: span 6;
  }

  .article_12:nth-child(n):after,
  .article_4_1:nth-child(n):after,
  .article_4:nth-child(n):after {
    content: " ";
    height: 1px;
    position: absolute;
    top: -16px;
    left: -12px;
    width: calc(100% + 24px);
    background: #d9d9d9;
    display: block;
  }

  .article_big {
    grid-column: span 6;
  }

  .article_4_1,
  .article_4 {
    grid-column: span 6;
  }

  .marge_article.article_4_1:last-of-type {
    margin-bottom: 24px;
  }

  A.lien_article_encadre,
  A.lien_article_encadre2 {
    padding: 16px;
    min-height: auto;
    margin-bottom: 16px;
  }

  A.lien_article_encadre:last-of-type {
    margin-bottom: 24px;
  }

  .icone_agenda {
    width: 32px;
    position: absolute;
    bottom: 8px;
    height: 32px;
    right: 8px;
  }

  .icone_video {
    width: 32px;
    transform: translate(-50%, -64%);
  }

  .grosse_icone {
    width: 43px;
    height: 43px;
  }

  .date_agenda {
    margin-bottom: 0;
  }

  .datation_article {
    margin-top: 8px;
    position: relative;
    bottom: auto;
  }

  .vignette_gauche {
    float: right;
    margin: 0 0 0 12px;
    width: 33%;
  }

  p.libelle {
    padding: 0 0 4px 0;
    margin: 0;
    max-width: 60%;
  }

  .article12 p.libelle {
    max-width: 60%;
  }

  .spip_documents img {
    margin: 8px 0 8px 0;
  }

  h1 {
    font-size: 2.8rem;
    line-height: 32px;
    margin: 0 0 24px;
  }

  H3,
  H3.spip {
    font-size: 2.4rem;
    line-height: 28px;
    margin: 32px 0 16px 0;
    font-weight: normal;
  }

  article,
  article.sansbarre,
  section,
  section.etroite,
  .boite_apresarticle,
  .boite_lireaussi,
  .boite_encarts,
  .boite_complement {
    grid-column: 1/span 6;
    grid-row: auto;
  }

  .chapo {
    font-size: 2.1rem;
    line-height: 3rem;
  }

  .image_ronde {
    float: right;
    width: 48px;
    height: 48px;
    border-radius: 24px;
  }

  #appel-dons {
    padding: 12px;
    margin: 36px 0;
  }

  .encart {
    padding: 12px;
    left: -0;
    width: 100%;
  }

  #appeldon .encart_gris {
    padding-top: 12px;
  }

  .encart_note {
    padding: 16px 0 0 0;
  }

  blockquote.spip {
    border: 0 none;
    left: 0;
    font-size: 2.8rem;
    line-height: 4.2rem;
    margin: 32px 0;
  }

  blockquote.spip_poesie {
    font-size: 2rem;
    line-height: 3rem;
    padding: 16px;
  }

  blockquote.spip_poesie:after {
    width: 28px;
    bottom: -24px;
    height: 24px;
  }

  .enquete .bloc2 .numero {
    font-size: 28px;
    line-height: 32px;
  }

  .enquete .bloc2 .illustration {
    width: 100%;
    margin: 8px 0;
    float: none;
    min-height: none;
  }

  .article-item {
    padding: 16px 12px 0;
    margin: 12px 0 8px;
  }

  .article-item:before {
    padding: 0;
    left: 12px;
    right: 12px;
  }

  .article_contenu {
    grid-column: span 4;
    padding: 0;
  }

  .article_image {
    grid-column: 5/span 2;
  }

  .article_info {
    font-size: 1.9rem;
    line-height: 2.9rem ;
  }

  .large {
    width: calc(100% + 24px);
    left: -12px;
  }

  .large .spip_doc_titre {
    padding: 0 0 0 12px;
  }

  .legende_logo {
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: block !important;
    color: black;
    background: transparent;
    position: relative;
    bottom: 29px;
    left: 0;
    padding: 0;
    width: 100% !important;
    color: #6a6a6a;
  }

  .boite_lireaussi h3.h3_sousligne::before {
    content: " ";
    height: 1px;
    position: absolute;
    top: 0;
    left: -12px;
    width: calc(100% + 24px);
    background: #141414;
    display: block;
  }

  .case50-50 {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 28px 0;
    padding: 0 0 12px 0;
    position: relative;
  }

  .case50-50>div {
    width: 100%;
    float: none;
    margin: 16px 0;
  }

  .case50-50>div:nth-child(2n) {
    margin: 16px 0;
  }

  .case50-50>div:nth-child(2n) {
    border-left: 0 none;
    padding-left: 0;
  }

  .intro_enquete {
    padding: 12px;
  }

  .cases2 a.bouton {
    border-radius: 12px;
  }

  .datation_article {
    margin: 0;
  }

  .duree_lecture {
    margin: 0;
  }

  LABEL,
  [type="radio"]+label {
    margin-left: 0;
    margin-right: 0;
  }

  #form_don label[for=civilite1],
  #form_don label[for=civilite2] {
    width: 100% !important;
  }

  #form_don label[for=civilite1] {
    margin-right: 0;
  }

  #form_don label[for=civilite2] {
    margin-bottom: 0;
  }

  /* BARRE DE RECHERCHE =============================== */
  #barre_recherche {
    padding: 24px 12px;
  }

  #barre_recherche #recherche {
    max-width: none;
    height: 40px;
    margin-right: 0;
    margin-bottom: 8px;
    color: #6A6A6A;
    padding: 8px 16px;
  }

  #barre_recherche INPUT {
    font-size: 1.6rem;
  }

  #barre_recherche INPUT[type="submit"] {
    width: 100%;
    max-width: none;
    height: 40px;
    margin-left: 0;
    font-family: "DadaGrotesk";
    font-size: 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  a.fermer_filtre img {
    filter: invert(100%);
    transform: scale(1.5, 1.5);
  }

  .filtre {
    font-family: "DadaGrotesk Medium";
    font-size: 1.6rem;
    text-decoration: none;
    display: block;
    text-align: right;
    margin: 48px 12px 0 0;
    z-index: 10;
    position: relative;
  }

  .fermer_filtre {
    margin: 32px auto;
    width: 56px;
    height: 40px;
    background-color: #141414;
  }

  .pleinelargeur {
    position: relative;
    top: -26px;
    font-size: 1.6rem;
  }

  .filtre_recherche {
    padding: 12px;
  }

  .filtre_recherche .selectmenu:last-of-type {
    margin: 12px 0 32px 0 !important;
  }

  .filtre_recherche .selectmenu,
  .filtre_recherche label[for=tri1],
  .filtre_recherche label[for=tri2] {
    width: 100% !important;
  }

  .filtre_recherche .selectmenu {
    margin: 0 !important;
  }

  .filtre_recherche label[for=tri1] {
    margin: 0 0 12px 0 !important;
  }

  .filtre_recherche label[for=tri2] {
    margin: 0 0 12px 0 !important;
  }

  input[type="submit"].noir {
    width: 100%;
    height: 40px;
    font-size: 1.6rem;
    line-height: normal;
    padding: 0;
    margin-top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  form p {
    margin-top: 12px;
  }

  .pagination {
    margin-top: 40px;
  }

  .pagination::before {
    top: -24px;
    width: calc(100% + 12px);
    left: -12px;
  }

  /* BANNIERE DON =============================== */
  /* ================================================ */
  .principaldon {
    margin: 10px auto 5px auto;
  }

  .textedon {
    padding: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }

  #titre_cp2020 {
    font-size: 2.6rem;
    line-height: 28px;
  }

  #desc_cp2020 {
    font-size: 2rem;
    line-height: 24px;
  }

  #titrejauge_cp2020 {
    font-size: 1.8rem;
    margin: 24px 0 8px 0;
  }

  #sousjauge_cp2020 {
    font-size: 1.6rem;
    margin: 12px 0 72px 0;
  }

  /* COMMENTAIRES =============================== */
  .sansbarre .montre_480 {
    width: 100%;
    margin: 28px 0;
  }

  h1.barre {
    font-size: 2.8rem;
    line-height: 32px;
    border-top: none;
  }

  .groschiffre {
    margin: 0 16px 16px 0;
  }

  .carte1 {
    padding: 16px;
  }

  .carte1:hover {
    padding: 15px;
  }

  .carte1 .titre_commentaire {
    margin: 0 0 8px 0;
  }

  .carte1 span.pol16,
  .carte1 .libelle_commentaire {
    font-size: 1.6rem;
    line-height: 19.2px;
  }

  /* TROMBINOSCOPE =============================== */
  /* ================================================ */

  .grid_portrait {
    column-gap: 12px;
  }

  .grid_portrait A {
    margin: 0 0 24px 0;
  }

  .modal {
    padding: 16px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    top: 7vh;
    left: 2vw;
    width: 96vw;
    height: 92vh;
  }

  .modal_fermer {
    top: 16px;
    right: 16px;
  }

  .modal .titre {
    font-size: 2.4rem;
    line-height: 2.8rem;
    letter-spacing: -0.01em;
    font-family: 'DadaGrotesk Bold' !important;
    margin: 0;
  }

  .breve {
    grid-column: span 6;
  }

  .breve:nth-child(2n):after {
    display: none;
  }

  .breve::after {
    display: none;
  }

  .multiarticle {
    padding-bottom: 32px;
  }

  .multiarticle:after {
    width: calc(100% - 24px);
    left: 12px;
  }

  .multiarticle H1.h1_home {
    font-size: 2.8rem;
    line-height: 32px;
  }

  .multiarticle .lien_article_multiple2,
  .multiarticle .lien_article_multiple3,
  .multiarticle .lien_article_multiple4 {
    grid-column: span 6;
  }

  .article_epingle div {
    padding: 12px 0 8px;
    margin: 12px 12px 24px 12px;
  }

  .article_epingle span {
    display: block;
  }

  .icone_tribune {
    display: none;
  }

  A.tous_articles_bas {
    padding: 0 0 0 12px;
    top: -18px;
  }

  .titre_home {
    width: calc(100% - 24px);
    padding: 24px 0;
    font-size: 2.8rem;
    line-height: 32px;
  }

  .grille_RF {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 12px;
    row-gap: 12px;
  }

  .grille_RF A {
    padding: 16px;
  }
}

/* 380px =============================== */
/* ================================================ */
@media (max-width: 380px) {
  #form_don label[for="recu1"] {
    height: auto;
  }
}

@media print {

  .noprint,
  header {
    display: none;
  }

  .divblock {
    display: block;
  }

  body {
    background: url(/squelettes/images/logo.svg) no-repeat top left;
    margin-top: 80px;
  }

  H1 {
    font-size: 3.5rem;
    line-height: 37px;
  }

  .chapo {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .texte {
    font-size: 1.8rem;
    line-height: 2rem;
    column-count: 2;
  }

  blockquote.spip {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .spip_documents {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 10;
  }
}