@import "/css/reset.css";
.fRaleway {
  font-family: 'Raleway', sans-serif;
}
.fontAwesome {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
}
.filtreSVGOrange {
  filter: 'brightness(0) saturate(100%) invert(15%) sepia(73%) saturate(3221%) hue-rotate(343deg) brightness(121%) contrast(92%)';
}
.filtreSVGBlanc {
  filter: 'brightness(0) saturate(100%) invert(1)';
}
.hoverUnderline {
  text-decoration: none;
}
.hoverUnderline:hover {
  text-decoration: underline;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.bouton,
.bouton a,
#tout-petits #main input#mc-embedded-subscribe {
  display: inline-block;
  border: none;
  margin-top: 30px;
  padding: 16px 40px;
  background-color: #ca262f;
  color: #FFFFFF !important;
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  font-size: 18px;
  line-height: 21px;
  height: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.bouton:hover,
.bouton a:hover,
#tout-petits #main input#mc-embedded-subscribe:hover {
  text-decoration: underline;
}
.bouton:hover,
.bouton a:hover,
#tout-petits #main input#mc-embedded-subscribe:hover {
  background-color: #AD000A;
}
.bouton.secondaire,
.bouton.secondaire a,
.bouton.telechargement {
  border: 1px solid #ca262f;
  color: #ca262f !important;
  background-color: #FFFFFF;
  padding: 15px 39px;
}
.bouton a {
  margin-top: 0;
  padding: 0;
}
.boutonCentre {
  text-align: center;
  margin-top: 30px;
}
.boutonCentre .bouton {
  margin-top: 0;
}
.bouton.telechargement {
  padding-right: 64px;
  position: relative;
}
.bouton.telechargement:after {
  content: "";
  position: absolute;
  right: 24px;
  top: 16px;
  width: 24px;
  height: 20px;
  background: url(/img/rapports/portraitPP/icon_download.svg);
  background-size: contain;
}
.lienFleche:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.lienChevron {
  color: #ca262f;
  font-weight: 700;
  text-decoration: none;
}
.lienChevron:hover {
  text-decoration: underline;
}
.lienChevron:after {
  display: inline;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 8px;
  height: 14px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  vertical-align: sub;
  padding-left: 8px;
}
.lienTelechargement {
  color: #ca262f;
  font-weight: 700;
}
.lienTelechargement:after {
  display: inline-block;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 28px;
  height: 20px;
  background: url("/img/rapports/portraitPP/icon_download.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.iconeLien:before {
  display: inline-block;
  content: "\f109";
  color: #CA262F;
  margin-right: 8px;
  vertical-align: middle;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
}
.iconeTelephone:before {
  display: inline-block;
  content: "\f095";
  color: #CA262F;
  margin-right: 8px;
  vertical-align: middle;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
}
.tooltip {
  margin-left: 10px;
  display: inline-block;
  vertical-align: text-top;
  cursor: help;
  position: relative;
  /* Show the tooltip text when you mouse over the tooltip container */
}
.tooltip .tooltip-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: url(/img/layout2021/icon-infobulle.svg) no-repeat;
  background-size: contain;
  font-size: 0;
  text-indent: -1000px;
  overflow: hidden;
}
.tooltip .tooltip-text {
  visibility: hidden;
  width: 80vw;
  margin-left: auto;
  background-color: #FFFDF4;
  border: 1px solid #123E49;
  color: #123E49;
  text-align: left;
  padding: 16px;
  border-radius: 10px;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  line-height: 18px;
  font-weight: 400;
  box-shadow: 0px 3px 6px #00000029;
  /* Position the tooltip text */
  position: fixed;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  left: 10vw;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.emphaseAction {
  color: #ca262f;
  font-weight: 700;
}
.watermarkVideo {
  position: relative;
}
.watermarkVideo:after {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background: url(/img/layout2021/play-fill.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.tiroir {
  padding-bottom: 24px;
}
.tiroir .tiroirTitre {
  display: flex;
  cursor: pointer;
}
.tiroir .tiroirTitre .tiroirTitreTexte {
  flex: 1;
  margin: 0;
}
.tiroir .tiroirTitre:after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  background: no-repeat center center;
  background-size: contain;
}
.tiroir.tiroirFerme .tiroirContenu {
  display: none;
}
.tiroir.tiroirFerme .tiroirTitre:after {
  background-image: url(/img/layout2021/icon-plus.svg);
}
.tiroir.tiroirOuvert .tiroirTitre:after {
  background-image: url(/img/layout2021/icon-moins.svg);
}
.social ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.social ul li {
  padding: 0 20px;
}
.social ul li a {
  color: #1D1D21;
  font-size: 30px;
}
.chiffrePartage {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}
.chiffrePartage strong {
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
}
.chiffrePartage strong:before,
.chiffrePartage strong:after {
  width: 20px;
  height: 1px;
  display: inline-block;
  content: "";
  margin: 0 5px;
  background-color: #2b2b32;
  position: relative;
  bottom: 5px;
}
.chiffrePartage a {
  display: inline-block;
  /*svg.fa-stack-2x {width: 1em; height: 1em;}*/
}
.chiffrePartage a .fa-circle,
.chiffrePartage a .icon-pinterest i,
.chiffrePartage a .icon-pinterest svg {
  color: #2b2b32;
}
.chiffrePartage a .fa-stack-1x {
  color: #fff;
}
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
sup {
  font-size: 0.6em;
  position: relative;
  top: -0.8em;
}
a.noLink {
  text-decoration: none !important;
}
.notMobile {
  display: none;
}
.notIntermediate {
  display: none;
}
.hide {
  display: none !important;
}
body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  font: 500 16px/1.5 'Raleway', sans-serif;
  color: #000000;
}
#tout-petits #main {
  /* jQuery Validate styling */
}
#tout-petits #main input {
  font: 400 16px/28px 'Raleway', sans-serif;
}
#tout-petits #main input[type=text],
#tout-petits #main input[type=number],
#tout-petits #main input[type=email],
#tout-petits #main input[type=password],
#tout-petits #main select,
#tout-petits #main textarea,
#tout-petits #main #mc_embed_signup .mc-field-group input,
#tout-petits #main #mc_embed_signup .mc-field-group select {
  border-radius: 4px;
  font-size: 16px;
  line-height: 28px;
  padding: 10px 16px;
  border: 1px solid #a5a5a5;
  text-indent: 0;
  width: 100%;
  max-width: 475px !important;
}
#tout-petits #main input[type=text].error,
#tout-petits #main input[type=number].error,
#tout-petits #main input.mce_inline_error {
  background-color: #FCE4E4;
  border-color: #CA262F;
}
#tout-petits #main input[type=text].gris,
#tout-petits #main input[type=number].gris {
  background-color: #EEEEEE;
  border: none;
}
#tout-petits #main input[type=text]:focus,
#tout-petits #main input[type=number]:focus,
#tout-petits #main select:focus,
#tout-petits #main #mc_embed_signup .mc-field-group select:focus {
  background-color: #E3F2F3 !important;
  border-color: #4CB1B6 !important;
}
#tout-petits #main input[type=text]:placeholder,
#tout-petits #main input[type=number]:placeholder {
  color: #a5a5a5;
}
#tout-petits #main select,
#tout-petits #main #mc_embed_signup .mc-field-group select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  padding-right: 44px !important;
  position: relative;
  background: #fff url(/img/layout2021/caret-down-solid.svg) no-repeat right 12px center;
  background-size: 16px;
}
#tout-petits #main label.error,
#tout-petits #main #mc_embed_signup div.mce_inline_error {
  display: block;
  color: #ca262f;
  margin: 5px 0 0 ;
  font-size: 12px;
  line-height: 28px;
  font-weight: 400;
  padding: 0;
}
#tout-petits #main input.error {
  border: 2px solid #ca262f !important;
}
#mainHeader {
  height: 78px;
  position: relative;
  z-index: 11;
  box-shadow: 0 1px 0 #CAD7D8;
}
#mainHeader #logo {
  padding: 20px 0 0 20px;
}
#mainHeader #logo img {
  width: 165px;
  height: 42px;
}
#mainHeader #headerFoldIn #afficherMenuMobile {
  position: absolute;
  top: 20px;
  right: 20px;
}
#mainHeader #headerFoldIn #afficherMenuMobile span.label {
  display: none;
}
#mainHeader #headerFoldIn #afficherMenuMobile:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/img/layout2021/menu_burger.svg);
  background-size: 32px;
  -webkit-transition: background 1s, -webkit-transform 1s;
  transition: background 1s, transform 1s;
}
#mainHeader #headerFoldIn #afficherMenuMobile:hover:before {
  filter: 'brightness(0) saturate(100%) invert(15%) sepia(73%) saturate(3221%) hue-rotate(343deg) brightness(121%) contrast(92%)';
}
#mainHeader #headerFoldIn.menuOuvert #afficherMenuMobile:before {
  background: url(/img/layout2021/fermer.svg);
}
#mainHeader #headerFoldIn #headerFoldInContainer {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -ms-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  max-height: 0;
}
#mainHeader #headerFoldIn #headerFoldInContainer2 {
  height: 100%;
  overflow-y: auto;
  display: block;
  background-color: #fff;
  z-index: 10;
  padding: 94px 20px 40px;
  position: relative;
  width: 100%;
}
#mainHeader #headerFoldIn #headerFoldInContainer2 #backToHomePage,
#mainHeader #headerFoldIn #headerFoldInContainer2 #fermerMenuMobile {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  background: url(/img/layout2021/house.svg) no-repeat center center;
}
#mainHeader #headerFoldIn #headerFoldInContainer2 #backToHomePage span.label,
#mainHeader #headerFoldIn #headerFoldInContainer2 #fermerMenuMobile span.label {
  display: none;
}
#mainHeader #headerFoldIn #headerFoldInContainer2 #backToHomePage:hover,
#mainHeader #headerFoldIn #headerFoldInContainer2 #fermerMenuMobile:hover {
  filter: 'brightness(0) saturate(100%) invert(15%) sepia(73%) saturate(3221%) hue-rotate(343deg) brightness(121%) contrast(92%)';
}
#mainHeader #headerFoldIn #headerFoldInContainer2 #fermerMenuMobile {
  left: auto;
  right: 20px;
  background-image: url(/img/layout2021/fermer.svg);
}
#mainHeader #headerFoldIn.menuOuvert #headerFoldInContainer {
  max-height: 1000px;
}
#mainHeader #formRecherche {
  position: relative;
  margin-bottom: 15px;
  /*margin-left: 7px; margin-right: -2px;*/
}
#mainHeader #formRecherche #formRechercheContainer {
  position: relative;
}
#mainHeader #formRecherche #q {
  padding-right: 42px;
  width: 100%;
  border-radius: 4px;
  font-size: 16px;
  line-height: 28px;
  padding: 10px 16px;
  border: none;
  background-color: #EEEEEE;
  text-indent: 0;
}
#mainHeader #formRecherche #boutonRecherche {
  position: absolute;
  top: 15px;
  right: 20px;
}
#mainHeader #navigationPrincipale ul li a {
  padding: 20px 12px 20px 0;
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-decoration: none;
  color: #2b2b32;
}
#mainHeader #navigationPrincipale ul li a:hover {
  color: #ca262f;
  text-decoration: underline;
}
#mainHeader #navigationPrincipale ul li.current a {
  color: #ca262f;
}
#mainHeader #navigationPrincipale ul li.mInfolettre a {
  font-size: 22px;
  font-weight: 600;
  padding-left: 84px;
  background: transparent url(/img/layout2021/icon_infolettre.svg) no-repeat left center;
  background-size: 67px;
}
#mainHeader #navigationPrincipale ul li#mDonneesThemes a {
  position: relative;
}
#mainHeader #navigationPrincipale ul li#mDonneesThemes a:after {
  display: inline;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 8px;
  height: 14px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#mainHeader .social {
  position: absolute;
  top: 16px;
  right: 50px;
}
#mainHeader #traduction {
  display: none;
  position: absolute;
  top: 16px;
  right: 122px;
  line-height: 30px;
  color: #acacac;
  font-size: 1.3em;
  font-weight: 700;
  text-decoration: none;
}
#mainHeader #traduction:hover {
  text-decoration: underline;
}
#navGrosMenu {
  display: block;
  width: 100%;
  transform: scaleX(0);
  position: absolute;
  top: 90px;
  left: 0;
  transition: transform 0.6s;
  transform-origin: left 50%;
}
#navGrosMenu #navGrosMenuContainer {
  background-color: #fff;
}
#navGrosMenu #navGrosMenuContainer #navGrosMenuFermer {
  color: #CA262F;
  cursor: pointer;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin-bottom: 32px;
}
#navGrosMenu #navGrosMenuContainer #navGrosMenuFermer:before {
  display: inline-block;
  content: "";
  color: #CA262F;
  margin-right: 18px;
  width: 8px;
  height: 14px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  position: relative;
  top: 2px;
}
#navGrosMenu #navGrosMenuContainer > div {
  padding: 32px 24px 38px;
}
#navGrosMenu #navGrosMenuContainer #navGrosMenuDonnees {
  padding-top: 0;
}
#navGrosMenu #navGrosMenuContainer #navGrosMenuThemes {
  background-color: #E3F2F3;
}
#navGrosMenu #navGrosMenuContainer #lienMenuTutoriel {
  display: block;
  color: #ca262f;
  text-decoration: none;
  margin-bottom: 16px;
}
#navGrosMenu #navGrosMenuContainer #lienMenuTutoriel span.text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-left: 2px;
}
#navGrosMenu #navGrosMenuContainer #lienMenuTutoriel:hover span.text {
  text-decoration: underline;
}
#navGrosMenu #navGrosMenuContainer .navTitre {
  color: #123E49;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 16px;
}
#navGrosMenu #navGrosMenuContainer ul {
  margin: 0;
  padding: 0;
}
#navGrosMenu #navGrosMenuContainer ul li a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1D1D21;
  text-decoration: none;
  display: block;
}
#navGrosMenu #navGrosMenuContainer ul li a:hover {
  text-decoration: underline;
}
#navGrosMenu #navGrosMenuContainer ul li + li {
  margin-top: 13px;
}
#navGrosMenu #navGrosMenuContainer .navSubCat + .navSubCat {
  margin-top: 24px;
}
#navGrosMenu.afficherGrosMenu {
  transform: scaleX(1);
}
.wrapper {
  width: 100%;
  min-width: 320px;
  max-width: 1636px;
  margin: 0 auto;
  position: relative;
}
#mainContent.wrapper,
#mainFooter .wrapper,
#footerBottom .wrapper {
  max-width: 1024px;
}
#mainContent {
  position: relative;
  z-index: 1;
  /* Toggle générique */
  /* Blocs textes colorés */
}
#mainContent nav#filAriane {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15;
}
#mainContent nav#filAriane ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
#mainContent nav#filAriane ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 125px;
  height: 95px;
  vertical-align: top;
}
#mainContent nav#filAriane ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 95px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 10px;
  background-color: #ca262f;
  color: #fff;
  font-size: 0.857em;
  text-decoration: none;
  text-align: center;
  position: relative;
}
#mainContent nav#filAriane ul li a:hover {
  text-decoration: underline;
}
#mainContent nav#filAriane ul li a:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6.88px solid transparent;
  border-bottom: 6.88px solid transparent;
  border-right: 8px solid #ca262f;
  border-left: none;
  position: absolute;
  top: 40px;
  left: -8px;
}
#mainContent nav#filAriane ul li:nth-child(2n) a {
  background-color: #fff;
  color: #ca262f;
}
#mainContent nav#filAriane ul li:nth-child(2n) a:before {
  border-right-color: #fff;
}
#mainContent nav#filAriane ul li:first-child {
  width: 52px;
}
#mainContent nav#filAriane ul li:first-child a {
  display: inline-block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  background: transparent url(/img/layout/ellipsis.png) no-repeat left center;
  padding: 0;
  width: 52px;
}
#mainContent nav#filAriane ul li + li + li + li {
  display: none !important;
}
#mainContent h1,
#mainContent .titreDePage {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  margin: 0 0 40px;
  color: #ca262f;
}
#mainContent h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.25;
  margin: 30px 0 20px;
}
#mainContent h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  margin: 30px 0 20px;
}
#mainContent h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  margin: 30px 0 20px;
}
#mainContent .titrePrincipal {
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
  line-height: 1;
}
#mainContent .titrePrincipal a {
  color: #1D1D21;
  text-decoration: none;
}
#mainContent .titrePrincipal a:hover {
  text-decoration: underline;
}
#mainContent .titrePrincipal span {
  padding-right: 24px;
  background-color: white;
  display: inline-block;
  max-width: 90%;
}
#mainContent .titrePrincipal:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cad7d8;
  position: absolute;
  top: 0.6em;
  right: 0;
  z-index: -1;
}
#mainContent p {
  margin-bottom: 1.5em;
}
#mainContent p:last-child {
  margin-bottom: 0;
}
#mainContent .emphaseCouleur {
  color: #CA262F;
  font-weight: 700;
}
#mainContent strong strong {
  font-size: 24px;
  font-weight: 700px;
}
#mainContent .typeLabel {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  padding: 6px 16px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #1D1D21;
  background-color: #eeeeee;
}
#mainContent .typeLabel.chroniquesScientifiques {
  background-color: #FFC700;
}
#mainContent .typeLabel.dossiersWeb {
  background-color: #A1CD3D;
}
#mainContent .typeLabel.billets {
  background-color: #4CB1B6;
}
#mainContent .typeLabel.nouveaute {
  background-color: #FCE4E4;
}
#mainContent .typeLabel.nouveaute:before {
  content: "";
  display: inline-block;
  margin-left: -11px;
  margin-right: 8px;
  width: 16px;
  height: 15px;
  background: url(/img/layout2021/icon-star.svg) no-repeat;
  background-size: contain;
  vertical-align: text-top;
}
#mainContent .zoneTexte {
  /*margin-left: 20px; margin-right: 20px;*/
}
#mainContent .zoneTexte > *:first-child {
  margin-top: 0;
}
#mainContent .zoneTexte ul {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 2em;
}
#mainContent .zoneTexte ul.respire li + li {
  margin-top: 1.5em;
}
#mainContent .zoneTexte ol {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 2em;
}
#mainContent .zoneTexte .emphase {
  color: #ca262f;
  font-size: 1.1429em;
  font-weight: 700;
}
#mainContent .zoneTexte .source,
#mainContent .zoneTexte .note {
  font-size: 14px;
  line-height: 20px;
}
#mainContent .zoneTexte a:not(.bouton) {
  color: #ca262f;
}
#mainContent .zoneTexte a:not(.bouton):hover {
  color: #000000;
}
#mainContent .zoneTexte .bouton {
  margin-top: 0;
}
#mainContent .zoneTexte a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
#mainContent .zoneTexte .boiteGrise,
#mainContent .zoneTexte .boiteOrange,
#mainContent .zoneTexte .boiteRouge,
#mainContent .zoneTexte .boiteBlanche,
#mainContent .zoneTexte .boiteNoire,
#mainContent .zoneTexte .boiteTurquoise,
#mainContent .zoneTexte .boiteJaune {
  display: block;
  background-color: #EEEEEE;
  padding: 2em 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 2em;
}
#mainContent .zoneTexte .boiteGrise *:first-child,
#mainContent .zoneTexte .boiteOrange *:first-child,
#mainContent .zoneTexte .boiteRouge *:first-child,
#mainContent .zoneTexte .boiteBlanche *:first-child,
#mainContent .zoneTexte .boiteNoire *:first-child,
#mainContent .zoneTexte .boiteTurquoise *:first-child,
#mainContent .zoneTexte .boiteJaune *:first-child {
  margin-top: 0;
}
#mainContent .zoneTexte .boiteGrise *:last-child,
#mainContent .zoneTexte .boiteOrange *:last-child,
#mainContent .zoneTexte .boiteRouge *:last-child,
#mainContent .zoneTexte .boiteBlanche *:last-child,
#mainContent .zoneTexte .boiteNoire *:last-child,
#mainContent .zoneTexte .boiteTurquoise *:last-child,
#mainContent .zoneTexte .boiteJaune *:last-child {
  margin-bottom: 0;
}
#mainContent .zoneTexte .boiteOrange {
  background-color: #F16A1E;
  color: #fff;
}
#mainContent .zoneTexte .boiteRouge {
  background-color: #ca262f;
  color: #fff;
}
#mainContent .zoneTexte .boiteBlanche {
  background-color: #fff;
}
#mainContent .zoneTexte .boiteNoire {
  background-color: #000000;
  color: #fff;
}
#mainContent .zoneTexte .boiteTurquoise {
  background-color: #4eb0b2;
  color: #fff;
}
#mainContent .zoneTexte .boiteJaune {
  background-color: #f5a11a;
  color: #fff;
}
#mainContent .zoneTexte img.imageAjustable,
#mainContent .zoneTexte .imageAjustable img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  margin: 0 20px;
}
#mainContent .zoneTexte .ImageAGauche img,
#mainContent .zoneTexte img.ImageAGauche {
  float: left;
  margin: 0 20px 20px 0;
}
#mainContent .zoneTexte .ImageADroite img,
#mainContent .zoneTexte img.ImageADroite {
  float: right;
  margin: 0 0 20px 20px;
}
#mainContent .zoneTexte .intro {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
#mainContent .zoneTexte .introPetit {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
#mainContent .zoneTexte .colonnes {
  margin-bottom: 48px;
}
#mainContent .zoneTexte .colonnes .colonne + .colonne {
  margin-top: 24px;
}
#mainContent picture.imageCentree {
  width: auto;
  max-width: 100%;
  margin: 0 auto 20px;
  display: block;
  text-align: center;
}
#mainContent picture.imageCentree img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}
#mainContent img.imageCentree {
  width: auto;
  max-width: 100%;
  margin: 0 auto 20px;
  display: block;
}
#mainContent .toggleTitle {
  cursor: pointer;
  position: relative;
  padding: 32px 56px 32px 0;
  margin-bottom: 0;
}
#mainContent .toggleTitle:after {
  position: absolute;
  content: "";
  border: none;
  top: 1.52em;
  right: 0;
  width: 12px;
  height: 22px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  padding: 0;
  transform: rotate(90deg);
}
#mainContent .toggleOpened .toggleTitle:after {
  transform: rotate(270deg);
}
#mainContent .blocTexte {
  display: block;
  padding: 40px 22px;
  background-color: #EEEEEE;
  margin: 56px 0 56px;
  border-radius: 10px;
  position: relative;
}
#mainContent .blocTexte > *:first-child {
  margin-top: 0;
}
#mainContent .blocTexte > *:last-child {
  margin-bottom: 0;
}
#mainContent .blocTexte.blocFleche {
  padding-top: 66px;
  position: relative;
}
#mainContent .blocTexte.blocFleche:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 62px/2 solid transparent;
  border-right: 62px/2 solid transparent;
  border-top: 27px solid #fff;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#mainContent .blocTexte.blocTexteEmphase {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}
#mainContent .blocRose {
  background-color: #FCE4E4;
}
#mainContent .blocBleu {
  background-color: #E3F2F3;
}
#mainContent .blocGris {
  background-color: #EEEEEE;
}
#mainContent .blocVert {
  background-color: #F3F8E8;
}
#mainContent .blocVert .blocTexte.blocFleche:before {
  width: 0;
  height: 0;
  border-left: 62px/2 solid transparent;
  border-right: 62px/2 solid transparent;
  border-top: 27px solid #F3F8E8;
  border-bottom: none;
}
#mainContent .blocJaune {
  background-color: #FFF8DD;
}
#mainContent .blocOrange {
  background-color: #fce2d4;
}
#mainContent .blocFiletVert {
  background-color: #ffffff;
  border: 1px solid #A1CD3D;
}
#mainContent .blocFiletGris {
  background-color: #ffffff;
  border: 1px solid #707070;
}
#mainContent .blocBlanc {
  background-color: #ffffff;
}
#mainContent .blocRouge {
  background-color: #ca262f;
  color: #ffffff;
}
#mainContent .blocBeige {
  background-color: #F4F3EC;
}
#mainContent .blocTurquoiseFonce {
  background-color: #123E49;
  color: #ffffff;
}
#mainContent .blocReference {
  background-color: #EEEEEE;
  font-size: 14px;
  line-height: 20px;
}
#mainContent .blocReference h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
#mainContent .blocTexte.demiBlocHaut {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
#mainContent .blocTexte.demiBlocBas {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
#mainContent .blocTexteEmphase strong.emphaseCouleur {
  font-weight: inherit;
  color: #CA262F;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
#mainContent .blocTexteEspace {
  line-height: inherit;
}
#mainContent h2 + .blocTexte,
#mainContent h2 + .blocAccueil,
#mainContent h3 + .blocTexte,
#mainContent h3 + .blocAccueil,
#mainContent h4 + .blocTexte {
  margin-top: 24px;
}
#mainContent .graphiqueIllustration {
  margin-bottom: 2em;
}
#mainContent .graphiqueIllustration img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
#mainContent .graphique {
  width: 100%;
  height: 300px;
  padding: 0 20px;
  margin-bottom: 20px;
}
#mainContent .graphique .graphiqueContainer {
  width: 100%;
  height: 300px;
}
#mainContent #outergraphiqueRegional,
#mainContent #outergraphiqueRegional2,
#mainContent #outergraphiqueRegional3 {
  height: 500px;
}
#mainContent #outergraphiqueRegional .graphiqueContainer,
#mainContent #outergraphiqueRegional2 .graphiqueContainer,
#mainContent #outergraphiqueRegional3 .graphiqueContainer {
  height: 500px;
}
#mainContent .pageContainer {
  clear: both;
}
#mainContent .videoEmbed {
  width: 100%;
  height: auto;
  padding-bottom: 56%;
  margin-bottom: 20px;
  position: relative;
}
#mainContent .videoEmbed iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#mainContent .partages-sociaux {
  margin-top: 24px;
  margin-bottom: 24px;
}
#mainContent .partages-sociaux .partages-sociaux-label {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  margin-right: 9px;
}
#mainContent .partages-sociaux ul.partages {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
}
#mainContent .partages-sociaux ul.partages li {
  display: inline-block;
  margin-right: 36px;
  font-size: 30px;
  line-height: 30px;
}
#mainContent .partages-sociaux ul.partages li a {
  color: #1D1D21;
  display: inline-block;
}
#mainContent .partages-sociaux ul.partages li a:hover {
  color: #A5A5A5;
}
#mainContent .partages-sociaux ul.partages li:last-child {
  margin-right: 0;
}
#mainContent .partages-sociaux ul.partages li + li {
  margin-top: 0 !important;
}
#mainContent .grandeZoneVideo {
  position: relative;
  background-repeat: no-repeat;
  background-position: 72% top;
  background-size: cover;
  text-align: center;
  height: 320px;
}
#mainContent .grandeZoneVideo a {
  text-decoration: none;
  display: block;
  padding: 45px 20px 155px;
}
#mainContent .grandeZoneVideo a h2 {
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  text-decoration: none;
  position: relative;
  margin: 0;
}
#mainContent .grandeZoneVideo a h2:hover {
  text-decoration: underline;
}
#mainContent .grandeZoneVideo a h2 strong {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.4em;
  display: block;
}
#mainContent .grandeZoneVideo a h2:after {
  content: "";
  background: url(/img/layout/accueil/play-mobile.png) no-repeat center bottom;
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -115px;
  margin-left: -50px;
}
#mainContent .blocCitation {
  padding-top: 44px;
  margin: 48px 0 48px 20px;
}
#mainContent .blocCitation blockquote {
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
  font-style: italic;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
#mainContent .blocCitation blockquote:before {
  content: "";
  width: 50px;
  height: 38px;
  background: url(/img/layout2021/quote.svg) no-repeat;
  background-size: 50px;
  position: absolute;
  z-index: -1;
  left: -20px;
  top: -44px;
}
#mainContent .blocCitation .source {
  font-size: 14px;
  text-transform: uppercase;
}
#mainContent #auteur {
  display: flex;
  background-color: #E3F2F3;
  border-radius: 0 10px 10px 0;
  margin-bottom: 32px;
}
#mainContent #auteur #auteurPhoto {
  flex: 0 0 141px;
}
#mainContent #auteur #auteurPhoto img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
#mainContent #auteur #auteurPresentation {
  flex: 1;
  padding: 0 20px 0;
  font-size: 16px;
  line-height: 25px;
  align-self: center;
}
#mainContent #auteur #auteurPresentation strong,
#mainContent #auteur #auteurPresentation .nom {
  font-weight: 600;
  font-size: 18px;
}
#mainContent .signatureAuteur {
  display: flex;
  background-color: #E3F2F3;
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 32px;
}
#mainContent .signatureAuteur .photo {
  flex: 0 0 25%;
  max-width: 180px;
  margin-right: 24px;
}
#mainContent .signatureAuteur .photo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
#mainContent .signatureAuteur .presentation {
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
#mainContent .signatureAuteur .presentation .auteur {
  font-weight: 700;
}
#mainContent #navigationParRegionTitle {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
#mainContent #navigationParRegion {
  z-index: 2;
  border: 1px solid #37383D;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #37383D;
  position: relative;
  cursor: pointer;
  margin: 0 0 40px;
  max-width: 746px;
  -webkit-transition-duration: 0.8s;
}
#mainContent #navigationParRegion #navigationParRegionLabel {
  color: #37383D;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #37383D;
  border-radius: 4px;
  padding: 16px 42px 16px 16px;
  margin: -1px -1px;
}
#mainContent #navigationParRegion #navigationParRegionLabel:after {
  content: "\f0dd";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  color: #37383D;
  font-weight: 700;
  position: absolute;
  top: 11px;
  right: 12px;
  font-size: 26px;
}
#mainContent #navigationParRegion #navigationParRegionLabel:hover:after {
  color: #ca262f;
}
#mainContent #navigationParRegion ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#mainContent #navigationParRegion ul li {
  margin: 0;
  padding: 0;
}
#mainContent #navigationParRegion a {
  color: #37383D;
  text-decoration: none;
}
#mainContent #navigationParRegion.showSubNav {
  box-shadow: 0px 3px 6px #00000029;
}
#mainContent #navigationParRegion.showSubNav #navigationParRegionLabel:after {
  color: #ca262f;
}
#mainContent #navigationParRegion.showSubNav ul {
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: -1px;
  z-index: -1;
  padding-top: 2px;
  height: 182px;
  overflow-y: scroll;
  background-color: #fff;
  font-size: 14px;
  width: calc(100% + 2px);
  border: 1px solid #37383D;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 3px 6px #00000029;
}
#mainContent #navigationParRegion.showSubNav ul li a {
  padding: 8px 16px;
  display: block;
  font-weight: 400;
}
#mainContent #navigationParRegion.showSubNav ul li a:hover,
#mainContent #navigationParRegion.showSubNav ul li a:active {
  background-color: #E3F2F3;
  font-weight: 700;
}
#mainContent #navigationParRegion.showSubNav ul li + li a {
  padding-top: 0;
}
#mainContent #navigationParRegion.showSubNav ul li + li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CAD7D8;
  margin-bottom: 8px;
}
#filAriane2021 ol {
  list-style-type: none;
  margin: 28px 20px;
}
#filAriane2021 ol li {
  display: none;
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
#filAriane2021 ol li a {
  text-decoration: none;
  color: #000000;
  color: #000000DE;
}
#filAriane2021 ol li a:hover,
#filAriane2021 ol li a:active {
  text-decoration: underline;
}
#filAriane2021 ol li:nth-last-child(2) {
  display: inline-block;
}
#filAriane2021 ol li:nth-last-child(2) a:before {
  display: inline-block;
  content: "";
  color: #CA262F;
  margin-right: 8px;
  width: 6px;
  height: 11px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  transform: rotate(180deg);
  background-size: contain;
}
/* Css de la flyout Infolettre */
#slidebox {
  width: 300px;
  right: -300px;
  display: block;
  background-color: #49494c;
  background-color: rgba(31, 31, 36, 0.98);
  position: fixed;
  bottom: 20px;
  z-index: 105;
  text-align: center;
  border-radius: 10px 0 0 10px;
}
#slidebox h2 {
  font-weight: 700;
  font-size: 21px !important;
  color: #ca262f;
  margin: 0 0 5px 0px;
  line-height: 1;
}
#slidebox a {
  cursor: pointer;
}
#slidebox a.close {
  position: absolute;
  top: 15px;
  left: 15px;
  display: block;
  width: 26px;
  height: 26px;
}
#slidebox #contenu-texte {
  margin: 40px 10% 30px;
}
#slidebox #contenu-texte #texte {
  min-height: 80px;
}
#slidebox #contenu-texte #texte .titre-page {
  display: block;
  color: #ffffff;
  font-size: 1em;
  margin-bottom: 20px;
}
#slidebox #Repondre {
  margin-top: 10px;
  margin-bottom: 10px;
}
#mainFooter {
  background-color: #EEEEEE;
  color: #1D1D21;
}
#mainFooter #groupeNavInfolettre {
  padding: 30px 20px;
}
#mainFooter ul.footerNav {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0 ;
  border-bottom: 1px solid #CAD7D8;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}
#mainFooter ul.footerNav li {
  margin-bottom: 20px;
}
#mainFooter ul.footerNav li a {
  text-decoration: none;
  color: #1D1D21;
}
#mainFooter ul.footerNav li a:hover {
  text-decoration: underline;
}
#mainFooter #footerInfolettre {
  margin-top: 40px;
  text-align: center;
}
#mainFooter #footerInfolettre h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
#mainFooter #footerInfolettre input.text {
  width: 100%;
}
#mainFooter #footerSocial {
  margin-top: 60px;
  margin-bottom: 10px;
}
#mainFooter #footerRessourcesParents {
  margin-top: 40px;
}
#mainFooter #footerRessourcesParents #footerRessourcesParentsContainer {
  border: 1px solid #cad7d8;
  border-radius: 10px;
  padding: 24px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
#mainFooter #footerRessourcesParents #footerRessourcesParentsContainer .title {
  margin-bottom: 16px;
}
#footerBottom {
  background-color: #1D1D21;
  color: #EEEEEE;
  padding: 20px;
}
#footerBottom #footerBottomContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#footerBottom #conditionsEtCopyright {
  margin-right: 17px;
  text-align: right;
  font-size: 9px;
  line-height: 15px;
  font-weight: 400;
}
#footerBottom #conditionsEtCopyright p {
  margin: 0;
}
#footerBottom #conditionsEtCopyright a {
  color: #FFFFFF;
  text-decoration: none;
}
#footerBottom #conditionsEtCopyright a:hover {
  text-decoration: underline;
}
#footerBottom #logoFlac {
  flex: 0 0 90px;
}
#footerBottom #logoFlac img {
  width: 90px;
  display: block;
}
/*** Page générique ***/
#main .page {
  position: relative;
}
#main .page header {
  margin-left: 20px;
  margin-right: 20px;
}
#main .page header .categorie {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 8px;
}
#main .page header .dateDePublication {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 16px;
}
#main .page #headerBackground {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  margin-bottom: 40px;
}
#main .page.sousPage header h1 {
  color: #1D1D21;
  font-size: 40px;
  line-height: 52px;
  margin-bottom: 24px;
}
#main .page #photoPrincipale {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-bottom: 40px;
  display: block;
}
#main .page header.enteteSplit {
  margin-bottom: 56px;
}
#main .page header.enteteSplit #entetePicture {
  width: 100%;
  height: auto;
  display: block;
  max-height: 499px;
}
#main .page header.enteteSplit #headerContainer {
  background-color: #ca262f;
  padding: 32px 17px;
  box-sizing: border-box;
  border-radius: 0 0 40px 0;
}
#main .page header.enteteSplit #headerContainer .titreDePage {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  font-weight: 800;
}
#main .page #pageContenu {
  padding: 0 20px 80px;
}
#main .page #pageContenu h1 {
  color: #ca262f;
}
#main .page #pageContenu > :first-child {
  margin-top: 0 !important;
}
#main .page #coordonnees {
  background-color: #EEEEEE;
  margin-top: 56px;
  padding: 20px;
  border-radius: 10px;
}
#main .page #coordonnees h4 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 0;
}
/*** Listes de tuiles (Actualités, Événements) ***/
#main .listeTuilesWrapper {
  overflow: hidden;
}
#main .listeTuilesWrapper .listeTuilesTitre {
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
}
#main .listeTuilesWrapper .listeTuilesTitre span {
  padding-right: 24px;
  background-color: white;
  display: inline-block;
  max-width: 90%;
}
#main .listeTuilesWrapper .listeTuilesTitre:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cad7d8;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: -1;
}
#main ul.listeTuiles {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 24px;
  margin: 0;
}
#main ul.listeTuiles li {
  flex: 1 1 calc(33% - 24px);
  margin: 0;
  min-width: 220px;
  max-width: 325px;
}
#main ul.listeTuiles li a {
  text-decoration: none;
}
#main ul.listeTuiles li a .tuileVideo {
  position: relative;
}
#main ul.listeTuiles li a .tuileVideo:after {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background: url(/img/layout2021/play-fill.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#main ul.listeTuiles li a .tuileBalado {
  position: relative;
}
#main ul.listeTuiles li a .tuileBalado .iconeBalado {
  position: absolute;
  color: #ca262f;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
}
#main ul.listeTuiles li a img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}
#main ul.listeTuiles li a .tuileContainer {
  background-color: #fff;
  position: relative;
  padding: 20px;
}
#main ul.listeTuiles li a .tuileContainer .date,
#main ul.listeTuiles li a .tuileContainer .dateDePublication {
  text-decoration: none;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  line-height: 19px;
}
#main ul.listeTuiles li a .tuileContainer .date:hover,
#main ul.listeTuiles li a .tuileContainer .dateDePublication:hover {
  text-decoration: underline;
}
#main ul.listeTuiles li a .tuileContainer .titreTuile {
  color: #000000;
  margin: 20px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  text-decoration: none;
}
#main ul.listeTuiles li a .tuileContainer .titreTuile:hover {
  text-decoration: underline;
}
#main ul.listeTuiles li a .tuileContainer .titreTuile:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
#pagerAnnees {
  margin-bottom: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pagerAnnees #anneeActuelle {
  font-size: 16px;
  line-height: 19px;
  color: #161616;
  margin-right: 12px;
}
#pagerAnnees .boutonPager {
  display: inline-block;
  width: 48px;
  height: 48px;
}
#pagerAnnees .boutonPager a {
  display: block;
  width: 48px;
  height: 48px;
  background: #EEEEEE url(/img/layout2021/chevron.svg) no-repeat center center;
  background-size: 8px;
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
}
#pagerAnnees .boutonPager a:hover {
  background-color: #A5A5A5;
}
#pagerAnnees .boutonPager + .boutonPager a {
  border-left: 1px solid #A5A5A5;
}
#pagerAnnees #anneePrecedente a {
  transform: rotate(180deg);
}
/* Listes sans photo */
#mainContent ul.listePagesSansPhoto {
  margin-left: 0;
  list-style-type: none;
}
#mainContent ul.listePagesSansPhoto li {
  padding-bottom: 24px;
  border-bottom: 1px solid #CAD7D8;
}
#mainContent ul.listePagesSansPhoto li a:not(.bouton) {
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
}
#mainContent ul.listePagesSansPhoto li .surTitre {
  color: #1D1D21;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 700;
}
#mainContent ul.listePagesSansPhoto li .title {
  color: #ca262f;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 8px;
  text-decoration: none;
}
#mainContent ul.listePagesSansPhoto li .title:hover {
  text-decoration: underline;
}
#mainContent ul.listePagesSansPhoto li .dateDePublication {
  margin-bottom: 8px;
}
#mainContent ul.listePagesSansPhoto li .chapeau {
  margin-bottom: 0;
}
#mainContent ul.listePagesSansPhoto li + li {
  margin-top: 24px;
}
#sectionsList #sectionsListContainer .section {
  margin: 0 -20px;
  padding: 40px 20px 80px;
}
#sectionsList #sectionsListContainer .section .sectionContainer h2 {
  margin-top: 0;
}
/*** Accueil ***/
#accueil #accueilPresentation {
  background: transparent url(/img/layout2021/accueil/hero_home_1920x580.png) no-repeat center top;
  background-size: contain;
  padding-top: 30.21%;
  margin-bottom: 40px;
}
#accueil #accueilPresentation #accueilPresentationContainer {
  padding: 24px 20px;
}
#accueil #accueilPresentation #accueilPresentationContainer strong {
  font-size: 24px;
  line-height: 30px;
  color: #ca262f;
  font-weight: 700;
}
#accueil #accueilOutils {
  margin: 0 20px 24px;
}
#accueil #accueilOutils #accueilOutilsContainer .outil {
  display: flex;
}
#accueil #accueilOutils #accueilOutilsContainer .outil .image {
  flex: 0 0 66px;
  margin-right: 16px;
}
#accueil #accueilOutils #accueilOutilsContainer .outil .image img {
  width: auto;
  max-width: 100%;
  display: block;
}
#accueil #accueilOutils #accueilOutilsContainer .outil .lienFleche {
  flex: 1;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  color: #1D1D21;
}
#accueil #accueilOutils #accueilOutilsContainer .outil .lienFleche:hover {
  text-decoration: underline;
}
#accueil #accueilOutils #accueilOutilsContainer .outil .lienFleche:after {
  margin-top: 2px;
}
#accueil #accueilOutils #accueilOutilsContainer .outil + .outil {
  margin-top: 24px;
}
#accueil #accueilHeadline {
  background-color: #ca262f;
  padding: 40px 20px 80px;
  background-image: url(/img/layout2021/accueil/m_bulle_1.svg), url(/img/layout2021/accueil/m_bulles.svg);
  background-size: 140px, 334px;
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
}
#accueil #accueilHeadline h2.titrePrincipal {
  line-height: 52px;
  margin: 0 0 40px;
}
#accueil #accueilHeadline h2.titrePrincipal span {
  background-color: transparent;
  color: #FFFFFF;
}
#accueil #accueilHeadline h2.titrePrincipal:after {
  width: calc(100% - 172px);
  background-color: #cad7d8;
  top: 0.85em;
}
#accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline + .headline {
  margin-top: 24px;
}
#accueil #accueilHeadline .headline a {
  display: block;
  text-decoration: none;
}
#accueil #accueilHeadline .headline a .headlineContainer {
  position: relative;
  z-index: 1;
  background-color: #FFFFFF;
  padding: 40px 12px 24px;
  border-radius: 10px;
}
#accueil #accueilHeadline .headline a .headlineContainer .typeLabel {
  display: table;
  margin-top: -20px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#accueil #accueilHeadline .headline a .headlineContainer h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1D1D21;
  margin: 0 0 16px;
  text-decoration: none;
}
#accueil #accueilHeadline .headline a .headlineContainer h3:hover {
  text-decoration: underline;
}
#accueil #accueilHeadline .headline a .headlineImage {
  margin-top: -10px;
  position: relative;
  z-index: 0;
  text-align: center;
}
#accueil #accueilHeadline .headline a .headlineImage img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
#accueil #accueilHeadline .headline.headlineVideo a .headlineImage:before {
  content: "";
  display: block;
  width: 30%;
  height: 30%;
  background: url(/img/layout2021/play-fill.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#accueil #accueilDonnees {
  background-color: #E3F2F3;
  padding: 40px 20px;
}
#accueil #accueilDonnees h2.titrePrincipal {
  margin: 0 0 40px;
}
#accueil #accueilDonnees h2.titrePrincipal span {
  background-color: #E3F2F3;
}
#accueil #accueilDonnees .intro {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 24px;
}
#accueil #accueilDonnees #premierIndicateur {
  margin-bottom: 40px;
}
#accueil #accueilDonnees #premierIndicateur a {
  font-size: 22px;
  line-height: 32px;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}
#accueil #accueilDonnees #premierIndicateur a #mainGraph {
  background-color: #FCE4E4;
  padding: 10px;
  display: block;
}
#accueil #accueilDonnees #premierIndicateur a #mainGraph .graphique {
  padding: 0;
  margin: 0;
  height: 190px;
}
#accueil #accueilDonnees #premierIndicateur a #mainGraph .graphique .graphiqueContainer {
  height: 190px;
}
#accueil #accueilDonnees #premierIndicateur a .donneesContainer {
  display: block;
  padding: 24px;
  background-color: #FFFFFF;
  text-decoration: none;
}
#accueil #accueilDonnees #premierIndicateur a .donneesContainer:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
#accueil #accueilDonnees #premierIndicateur a .donneesContainer:hover {
  text-decoration: underline;
}
#accueil #accueilDonnees #accueilListeIndicateurs ul {
  margin: 0 0 32px;
}
#accueil #accueilDonnees #accueilListeIndicateurs ul li {
  padding-bottom: 16px;
  border-bottom: 1px solid #CAD7D8;
  margin-bottom: 16px;
  padding-right: 16px;
}
#accueil #accueilDonnees #accueilListeIndicateurs ul li a {
  font-size: 18px;
  line-height: 28px;
  color: #ca262f;
  font-weight: 700;
  text-decoration: none;
  font-weight: 600;
  color: #000000;
}
#accueil #accueilDonnees #accueilListeIndicateurs ul li a:hover {
  text-decoration: underline;
}
#accueil #accueilDonnees #accueilListeIndicateurs ul li a:after {
  display: inline;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 8px;
  height: 14px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  vertical-align: sub;
  padding-left: 8px;
}
#accueil #accueilDonnees #accueilListeIndicateurs ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
#accueil #accueilDonnees #accueilListeIndicateurs #accueilDonneesLienTheme {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 32px;
}
#accueil #accueilInfolettre {
  padding: 32px 20px 32px;
  background-color: #E3F2F3;
}
#accueil #accueilInfolettre #accueilInfolettreContainer {
  background-color: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  padding: 40px 20px 32px;
}
#accueil #accueilInfolettre #accueilInfolettreContainer h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
#accueil #accueilInfolettre #accueilInfolettreContainer h2:before {
  display: block;
  content: "";
  width: 100%;
  background: transparent url(/img/layout2021/icon_infolettre.svg) no-repeat center top;
  background-size: contain;
  height: 56px;
  margin-bottom: 24px;
}
#accueil #accueilActualites {
  margin: 40px 20px 80px;
  /*ul {margin: 0; list-style-type: none;
			li {margin-bottom: 24px;
				a {text-decoration: none; display: block;
					img {display: block; width: auto; max-width: 100%; height: auto;}
					.actualiteContainer {padding: 24px @margeMobile;
						.dateDePublication {color: @noir; font-weight: 600; font-size: 16px; line-height: 19px; margin-bottom: 20px;}
						h3 {margin: 0 0 16px; font-weight: 600; font-size: 22px; line-height: 32px; .hoverUnderline; .lienFleche; color: @noir;}
					}
				}
			}
		}*/
}
#accueil #accueilActualites h2.titrePrincipal {
  margin: 0 0 20px;
}
#accueil #accueilDossiers {
  margin: 40px 20px;
}
#accueil #accueilDossiers h2.titrePrincipal {
  margin: 0 0 20px;
}
#accueil #accueilDossiers .intro {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px;
}
#accueil #accueilDossiers ul {
  margin: 40px 0 0;
  list-style-type: none;
}
#accueil #accueilDossiers ul li {
  margin-bottom: 24px;
}
#accueil #accueilDossiers ul li a {
  text-decoration: none;
  display: block;
}
#accueil #accueilDossiers ul li a img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
#accueil #accueilDossiers ul li a .accueilDossierContainer {
  padding: 24px 20px;
}
#accueil #accueilDossiers ul li a .accueilDossierContainer .dateDePublication {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
}
#accueil #accueilDossiers ul li a .accueilDossierContainer h3 {
  margin: 0 0 16px;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  text-decoration: none;
  color: #000000;
}
#accueil #accueilDossiers ul li a .accueilDossierContainer h3:hover {
  text-decoration: underline;
}
#accueil #accueilSurLeRadar {
  margin: 40px 10px 50px;
  padding-right: 42px;
  background: transparent url(/img/layout2021/accueil/m_boite_demi_cercles.svg) no-repeat right top;
  background-size: auto 288px;
  height: 288px;
}
#accueil #accueilSurLeRadar #accueilSurLeRadarContainer {
  background: #DF3D33 url(/img/layout2021/accueil/image_radar.png) no-repeat center bottom -48px;
  background-size: 285px;
  border-radius: 10px;
  padding: 40px 20px;
  height: 288px;
  box-sizing: border-box;
  background-blend-mode: screen;
}
#accueil #accueilSurLeRadar #accueilSurLeRadarContainer a {
  text-decoration: none;
}
#accueil #accueilSurLeRadar #accueilSurLeRadarContainer a strong {
  display: block;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 24px;
}
#accueil #accueilSurLeRadar #accueilSurLeRadarContainer a h2.bouton {
  margin: 0 auto 0;
  text-decoration: none;
  font-size: 18px;
}
#accueil #accueilSurLeRadar #accueilSurLeRadarContainer a h2.bouton:hover {
  text-decoration: underline;
}
#accueil #accueilReactions {
  background-color: #FCE4E4;
  padding: 40px 20px;
}
#accueil #accueilReactions h2.titrePrincipal {
  margin: 0 0 40px;
}
#accueil #accueilReactions h2.titrePrincipal span {
  background-color: #FCE4E4;
}
#accueil #accueilReactions .reactionImage {
  position: relative;
  padding-top: 32px;
}
#accueil #accueilReactions .reactionImage:before {
  content: "";
  display: block;
  width: 87px;
  height: 64px;
  background: transparent url(/img/layout2021/quote.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
#accueil #accueilReactions .reactionImage img {
  margin-bottom: 45px;
}
#accueil #accueilReactions .texteReaction {
  padding: 0;
}
#accueil #accueilReactions .texteReaction .type {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
#accueil #accueilReactions .texteReaction blockquote {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 32px;
}
#accueil #accueilReactions .texteReaction .source strong {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
#accueil #accueilReactions .texteReaction .bouton {
  color: #ca262f;
  font-weight: 700;
  text-decoration: none;
  border: none;
  background-color: transparent;
  padding: 0;
}
#accueil #accueilReactions .texteReaction .bouton:hover {
  text-decoration: underline;
}
#accueil #accueilReactions .texteReaction .bouton:after {
  display: inline;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 8px;
  height: 14px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  vertical-align: sub;
  padding-left: 8px;
}
#accueil #accueilReactions .texteReaction .bouton:hover {
  color: #ca262f !important;
}
#accueil #accueilReactions .carrouselReactions .slick-prev,
#accueil #accueilReactions .carrouselReactions .slick-next {
  top: 100px;
}
#accueil #accueilPortrait {
  margin: 40px 20px;
}
#accueil #accueilPortrait h2.titrePrincipal {
  margin: 0 0 40px;
}
#accueil #accueilPortrait #accueilPortraitContainer {
  display: block;
  text-decoration: none;
}
#accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre {
  position: relative;
  z-index: 1;
  background-color: #E3F2F3;
  padding: 40px 8px 24px;
  border-radius: 10px;
}
#accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1D1D21;
  margin: 0 0 16px;
  text-decoration: none;
}
#accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre h3:hover {
  text-decoration: underline;
}
#accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre h3:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
#accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitImage {
  margin-top: -10px;
  position: relative;
  z-index: 0;
  text-align: center;
}
#accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitImage img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
#accueil #accueilBillets {
  margin: 40px 20px;
  background-color: #E3F2F3;
  border-radius: 10px;
  padding: 24px;
}
#accueil #accueilBillets h2 {
  text-align: center;
  margin: 0 0 32px;
}
#accueil #accueilBillets #accueilBilletsPhoto img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto 24px;
}
#accueil #accueilBillets #accueilBilletsTexte .billet {
  background-color: #fff;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
}
#accueil #accueilBillets #accueilBilletsTexte .billet a {
  text-decoration: none;
  color: #000;
}
#accueil #accueilBillets #accueilBilletsTexte .billet a:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
#accueil #accueilBillets #accueilBilletsTexte .billet a .dateDePublication {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  margin-bottom: 20px;
}
#accueil #accueilBillets #accueilBilletsTexte .billet a h3 {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
/*** L'Observatoire ***/
/* Notre approche */
.pApproche #main h2 {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
}
.pApproche #main h3 {
  text-align: center;
  font-size: 24px;
  line-height: 30px;
}
.pApproche #main h4 {
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  color: #ca262f;
}
.pApproche #main .blocTexte .blocTexte.blocFleche {
  padding-top: 40px;
  text-align: center;
}
.pApproche #main .blocTexte .blocTexte.blocBlanc h4 {
  color: #4CB1B6;
}
.pApproche #main #listeVeiller:before {
  content: "";
  display: block;
  width: 92px;
  height: 92px;
  margin: 0 auto 40px;
  background: url(/img/layout2021/icon-eveiller.svg) no-repeat center center;
  background-size: contain;
}
.pApproche #main #listeEveille:before {
  content: "";
  display: block;
  width: 120px;
  height: 110px;
  margin: 0 auto 40px;
  background: url(/img/layout2021/icon-influencer.svg) no-repeat center center;
  background-size: contain;
}
.pApproche #main #titrePour {
  width: 194px;
  height: 168px;
  margin: -24px auto 24px;
  text-align: center;
  line-height: 168px;
  color: #1D1D21;
  background: url(/img/layout2021/arrow-shift-down.svg) no-repeat center center;
  background-size: contain;
}
.pApproche #main #blocPour {
  padding-top: 40px;
}
.pApproche #main #blocFavoriser {
  margin-bottom: 24px;
}
.pApproche #main #blocFavoriser:before {
  content: "";
  display: block;
  width: 73px;
  height: 80px;
  margin: -24px auto 16px;
  background: url(/img/layout2021/icon-bulbe-decision.svg) no-repeat center center;
  background-size: contain;
}
.pApproche #main #listeAfinQue:before {
  content: "";
  display: block;
  width: 253px;
  height: 175px;
  margin: 0 auto 40px;
  background: url(/img/layout2021/illustration-enfants.svg) no-repeat center center;
  background-size: contain;
}
/* Pourquoi Agir tôt */
.pAgirTot #main #introAgirTot {
  font-weight: 600;
  padding-top: 24px;
  padding-bottom: 24px;
}
.pAgirTot #main #introAgirTot a[href] {
  color: #4CB1B6;
}
/*** Données ***/
.sDonnees {
  position: relative;
}
/* Accueil Données */
.pDonnees #main .intro + #lienRegions {
  margin-top: 16px;
}
.pDonnees #main #donneesMainContent {
  margin-top: 56px;
}
.pDonnees #main #donneesMainContent .dimension h2 {
  font-size: 32px;
  line-height: 52px;
  margin: 0 0 40px;
  position: relative;
  z-index: 1;
}
.pDonnees #main #donneesMainContent .dimension h2 span {
  padding-right: 24px;
  background-color: white;
  display: inline-block;
  max-width: 90%;
}
.pDonnees #main #donneesMainContent .dimension h2:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cad7d8;
  position: absolute;
  top: 28px;
  right: 0;
  z-index: -1;
}
.pDonnees #main #donneesMainContent .dimension h3 {
  font-size: 18px;
  line-height: 28px;
  color: #ca262f;
  margin-top: 0;
}
.pDonnees #main #donneesMainContent .dimension + .dimension {
  margin-top: 40px;
}
.pDonnees #main #donneesMainContent .sousDimensions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension {
  flex: 0 0 100%;
  background-color: #E3F2F3;
  border-radius: 10px;
  padding: 24px 16px;
  margin-bottom: 24px;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension ul {
  list-style-type: none;
  margin: 0;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension ul a {
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension ul a:hover,
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension ul a:active {
  text-decoration: underline;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension ul li + li {
  margin-top: 16px;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension ul .recent {
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url(/img/layout2021/icon-star.svg) no-repeat;
  background-size: contain;
  margin-left: 7px;
  text-indent: -1000px;
  overflow: hidden;
}
.pDonnees #main #donneesMainContent .sousDimensions .sousDimension:last-child {
  margin-bottom: 0;
}
.pDonnees #main #donneesMainContent #dimEnfants h2 span:before {
  content: "";
  display: inline-block;
  width: 49px;
  height: 62px;
  background: url(/img/layout2021/donnees/doll.svg) no-repeat;
  background-size: contain;
  margin-right: 34px;
  vertical-align: middle;
}
.pDonnees #main #donneesMainContent #dimFamille h2 span:before {
  content: "";
  display: inline-block;
  width: 65px;
  height: 61px;
  background: url(/img/layout2021/donnees/famille.svg) no-repeat;
  background-size: contain;
  margin-right: 29px;
  vertical-align: middle;
}
.pDonnees #main #donneesMainContent #dimMilieuxDeVie h2 span:before {
  content: "";
  display: inline-block;
  width: 62px;
  height: 62px;
  background: url(/img/layout2021/donnees/house.svg) no-repeat;
  background-size: contain;
  margin-right: 24px;
  vertical-align: middle;
}
.pDonnees #main #donneesMainContent .dimension:nth-child(2n) {
  background-color: #E3F2F3;
  margin-left: -20px;
  margin-right: -20px;
  padding: 38px 20px;
}
.pDonnees #main #donneesMainContent .dimension:nth-child(2n) h2 span {
  background-color: #E3F2F3;
}
.pDonnees #main #donneesMainContent .dimension:nth-child(2n) .sousDimensions .sousDimension {
  background-color: #fff;
}
.pDonnees #main #donneesMainContent .recentLegende {
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0 20px;
}
.pDonnees #main #donneesMainContent .recentLegende:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url(/img/layout2021/icon-star.svg) no-repeat;
  background-size: contain;
  margin-right: 7px;
}
/* Indicateur */
#indicateur .tiroir {
  border-bottom: 1px solid #CA262F;
  padding-bottom: 20px;
}
#indicateur .tiroir .tiroirTitre {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
#indicateur .tiroir .tiroirTitre .tiroirTitreTexte {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
#indicateur .tiroir .tiroirTitre:before {
  content: "!";
  color: #ffffff;
  width: 24px;
  height: 24px;
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  background-color: #CA262F;
  border-radius: 12px;
  margin-right: 16px;
  margin-top: 3px;
}
#indicateur .tiroir .tiroirContenu {
  padding: 20px 20px 4px;
}
#indicateur .tiroir .tiroirContenu h4 {
  font-size: inherit;
  line-height: inherit;
  text-transform: uppercase;
  margin: 0;
}
#indicateur .tiroir .tiroirContenu .element + .element {
  margin-top: 24px;
}
#indicateur header {
  margin-bottom: 48px;
}
#indicateur header .typeDeDonnees {
  color: #1D1D21;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 700;
}
#indicateur header h1 {
  margin-top: 0;
  margin-bottom: 0;
}
#indicateur header .dateMiseAJour {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  margin-top: 8px;
}
#indicateur .indicateurArchive {
  display: flex;
  gap: 16px;
  margin-bottom: 36px;
}
#indicateur .indicateurArchive .marqueur {
  flex: 0 0 24px;
}
#indicateur .indicateurArchive .marqueur i {
  font-size: 24px;
  color: #ca262f;
}
#indicateur .indicateurArchive .indicateurArchiveContenu {
  flex: 1;
}
#indicateur #blocDefinition {
  margin-bottom: 45px;
}
#indicateur #blocDefinition #definitionMain {
  background-color: #FCE4E4;
  padding: 20px;
  border-radius: 10px;
}
#indicateur #blocDefinition #definitionMain .title {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  margin: 0;
}
#indicateur #blocDefinition #definitionMain p {
  font-weight: 500;
}
#indicateur #tiroirDefinition {
  margin: 45px 0 66px;
}
#indicateur .blocDonnees {
  background-color: #E3F2F3;
  padding: 40px 20px;
  margin-top: 66px;
  margin-left: -20px;
  margin-right: -20px;
}
#indicateur .blocDonnees h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 40px;
}
#indicateur .blocDonnees h2 span {
  padding-right: 24px;
  background-color: #E3F2F3;
  display: inline-block;
  max-width: 90%;
}
#indicateur .blocDonnees h2:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cad7d8;
  position: absolute;
  top: 21px;
  right: 0;
  z-index: -1;
}
#indicateur .blocDonnees .blocGraphiques {
  background-color: #ffffff;
  padding: 5px;
  border-radius: 10px;
}
#indicateur .blocDonnees .blocGraphiques .sourcesGraphiques {
  margin: 40px 16px 16px;
  border-top: 1px dashed #707070;
}
#indicateur .blocDonnees .blocGraphiques .sourcesGraphiques .element {
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
}
#indicateur .blocDonnees .blocGraphiques .sourcesGraphiques .element h4 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}
#indicateur .blocDonnees .blocGraphiques .blocGraphiquesContainer {
  overflow: auto;
}
#indicateur .blocDonnees .graphInfo {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
#indicateur .blocDonnees .graphInfo .graphInfoLine {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
}
#indicateur .blocDonnees .graphInfo .graphInfoLine:before {
  content: "";
  flex: 0 0 28px;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #E9A43F url(/img/layout2021/cursor-arrow-line.svg) no-repeat center center;
  background-size: 15px;
  border-radius: 14px;
}
#indicateur .blocDonnees .graphInfo .graphInfoLine + .graphInfoLine {
  margin-top: 8px;
}
#indicateur .blocDonnees .blocGraphiques + .faitSaillant {
  margin-top: 56px;
}
#indicateur .blocDonnees .faitSaillant h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 24px;
}
#indicateur .blocDonnees .sourcesFaitsSaillants {
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px dashed #707070;
}
#indicateur .blocDonnees .sourcesFaitsSaillants h4 {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}
#indicateur .blocDonnees .sourcesFaitsSaillants .element + .element {
  margin-top: 16px;
}
#indicateur .blocDonnees .tiroir {
  margin-top: 40px;
}
#indicateur .blocDonnees .telechargementIndicateur {
  margin-top: 40px;
}
#indicateur #donneesRegionales {
  background-color: #F3F8E8;
  margin-top: 0;
}
#indicateur #donneesRegionales h2 span {
  background-color: #F3F8E8;
}
#indicateur .graphique {
  margin-top: 32px;
}
#indicateur #referencesIndicateur {
  background-color: #EEEEEE;
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
  margin: 56px 0 56px;
  border-radius: 10px;
  /*Prevent long urls from breaking the page*/
}
#indicateur #referencesIndicateur #telechargementsIndicateur {
  margin-bottom: 56px;
}
#indicateur #referencesIndicateur #telechargementsIndicateur .bouton + .bouton {
  margin-top: 16px;
}
#indicateur #referencesIndicateur h4 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
#indicateur #referencesIndicateur p {
  overflow: hidden;
}
/* Boîtes So What */
#boiteSoWhat {
  background-color: #FCE4E4;
  padding: 20px;
  border-radius: 10px;
  margin-top: 104px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
#boiteSoWhat:before {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: url("/img/layout2021/icon-tout-petits.svg") no-repeat center center;
  background-size: contain;
}
#boiteSoWhat h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  color: #1D1D2D;
  margin: 50px 0 24px;
}
#boiteSoWhat .chapeau {
  font-weight: 600;
}
#boiteSoWhat .chapeau + p {
  margin-top: 18px;
}
#boiteSoWhat #SoWhatReference {
  font-size: 14px;
  border-top: 1px dashed #707070;
  padding-top: 18px;
  margin-top: 24px;
}
#boiteSoWhat #SoWhatReference h3 {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
#boiteSoWhat #SoWhatReference .element + .element {
  margin-top: 18px;
}
/* Liste d'indicateurs */
#listeIndicateurs,
#listeIndicateursArchives {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
}
#listeIndicateurs .indicateur,
#listeIndicateursArchives .indicateur {
  flex: 0 0 100%;
  border-bottom: 6px solid #FFC700;
  margin-bottom: 56px;
}
#listeIndicateurs .indicateur .graphique,
#listeIndicateursArchives .indicateur .graphique {
  margin: 0;
  padding: 0;
  height: 226px;
}
#listeIndicateurs .indicateur .graphique .graphiqueContainer,
#listeIndicateursArchives .indicateur .graphique .graphiqueContainer {
  height: 226px;
}
#listeIndicateurs .indicateur .graphTheme,
#listeIndicateursArchives .indicateur .graphTheme {
  padding: 10px;
  background-color: #fdeed6;
  box-sizing: border-box;
}
#listeIndicateurs .indicateur .graphTheme .graphique,
#listeIndicateursArchives .indicateur .graphTheme .graphique {
  pointer-events: none;
}
#listeIndicateurs .indicateur .indicateurContainer,
#listeIndicateursArchives .indicateur .indicateurContainer {
  padding: 20px 20px 40px;
}
#listeIndicateurs .indicateur .indicateurContainer .dateMiseAJour,
#listeIndicateursArchives .indicateur .indicateurContainer .dateMiseAJour {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #1D1D21;
}
#listeIndicateurs .indicateur .indicateurContainer .typeDeDonnees,
#listeIndicateursArchives .indicateur .indicateurContainer .typeDeDonnees {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1D1D21;
  margin-bottom: 8px;
}
#listeIndicateurs .indicateur .indicateurContainer h2,
#listeIndicateursArchives .indicateur .indicateurContainer h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
#listeIndicateurs .indicateur .indicateurContainer h2 a,
#listeIndicateursArchives .indicateur .indicateurContainer h2 a {
  color: #000000;
  text-decoration: none;
}
#listeIndicateurs .indicateur .indicateurContainer h2 a:hover,
#listeIndicateursArchives .indicateur .indicateurContainer h2 a:hover {
  text-decoration: underline;
}
#listeIndicateurs .indicateur .indicateurContainer h2 a:after,
#listeIndicateursArchives .indicateur .indicateurContainer h2 a:after {
  display: inline-block;
  content: "";
  margin-left: 8px;
  width: 8px;
  height: 15px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
}
#listeIndicateurs .indicateur:nth-child(2n),
#listeIndicateursArchives .indicateur:nth-child(2n) {
  border-color: #F16A1E;
}
#listeIndicateurs .indicateur:nth-child(2n) .graphTheme,
#listeIndicateursArchives .indicateur:nth-child(2n) .graphTheme {
  background-color: #dedad3;
}
/* Thème */
.sDonnees #theme {
  position: relative;
}
.sDonnees #theme #blocDefinition {
  margin-bottom: 56px;
}
.sDonnees #theme #blocDefinition #definitionMain {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
}
.sDonnees #theme #blocDefinition #definitionMain + #definitionDetail {
  margin-top: 24px;
}
.sDonnees #theme #referencesTheme {
  background-color: #EEEEEE;
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 56px;
  border-radius: 10px;
}
.sDonnees #theme #referencesTheme h4 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.sDonnees #theme #referencesTheme h4:first-child {
  margin-top: 0;
}
/*** Actualités ***/
/* Année */
.sActualites #actualiteSimple #photoPrincipale {
  margin-bottom: 24px;
}
.sActualites #actualiteSimple #auteur {
  max-width: 842px;
}
.sActualites #actualiteSimple #autresActualites {
  margin-top: 80px;
}
/*** Évènements ***/
/* Année */
.sEvenements #evenementSimple #evenementContenu #evenementTexte {
  position: relative;
}
.sEvenements #evenementSimple #autresEvenements {
  margin-top: 80px;
}
.sEvenements #evenementSousPage side #mainEvenement .dateDePublication {
  text-transform: uppercase;
  color: #000000;
  font-weight: 700;
}
.sEvenements #evenementSousPage side #mainEvenement h2 {
  margin-top: 10px;
  font-size: 1.5em;
  font-weight: 400;
}
.sEvenements #evenementSousPage side #mainEvenement h2 a {
  text-decoration: none;
}
.sEvenements #evenementSousPage side #mainEvenement h2 a:hover {
  text-decoration: underline;
}
/*** Contact ***/
#contact .bloc .blocContainer a {
  display: block;
  color: #1D1D21;
  text-decoration: none;
}
#contact .bloc .blocContainer h2 {
  margin-top: 0;
  margin-bottom: 24px;
}
#contact .bloc .blocContainer h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 146px;
  background: #E3F2F3 no-repeat center center;
  margin-top: 21px;
}
#contact .bloc .blocContainer .blocContainerContent {
  padding: 0 20px;
}
#contact .bloc .blocContainer p {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
}
#contact .bloc .blocContainer a.plus {
  text-decoration: none;
  margin-top: 21px;
  display: block;
  position: relative;
  font-weight: 700;
  cursor: pointer;
}
#contact .bloc .blocContainer a.plus:hover {
  text-decoration: underline;
}
#contact .bloc .blocContainer a.plus:hover {
  color: #ca262f;
}
#contact .bloc .blocContainer a.plus:after {
  display: inline-block;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 6px;
  height: 11px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
}
#contact .bloc + .bloc {
  margin-top: 88px;
}
#contact #contactCommande h2:after {
  background-image: url(/img/layout2021/contact/icon_brochures.svg);
  background-size: 58px;
}
#contact #contactCommentaire h2:after {
  background-image: url(/img/layout2021/contact/bulles.svg);
  background-size: 86px;
}
#contact #contactReproduction h2:after {
  background-image: url(/img/layout2021/contact/contenu.svg);
  background-size: 68px;
}
#contact #contactProbleme h2:after {
  background-image: url(/img/layout2021/contact/icon_brochures.svg);
  background-size: 67px;
}
#main #formulaireContact.page .umbraco-forms-form {
  background-color: #EEEEEE;
  margin-top: 56px;
  padding: 20px;
  border-radius: 10px;
}
#main #formulaireContact.page .umbraco-forms-form fieldset {
  padding-top: 0;
  padding-right: 0;
}
#main #formulaireContact.page .umbraco-forms-form fieldset + fieldset {
  margin-top: 48px;
}
#main #formulaireContact.page #pageContenu .umbraco-forms-field {
  margin-bottom: 20px;
  clear: both;
}
#main #formulaireContact.page #pageContenu input.btn {
  display: inline-block;
  border: none;
  margin-top: 30px;
  padding: 16px 40px;
  background-color: #ca262f;
  color: #FFFFFF !important;
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  font-size: 18px;
  line-height: 21px;
  height: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0;
}
#main #formulaireContact.page #pageContenu input.btn:hover {
  text-decoration: underline;
}
#main #formulaireContact.page #pageContenu input.btn:hover {
  background-color: #AD000A;
}
#main #formulaireContact.page #pageContenu .commandernosoutils {
  /* Champ télépone: pas ciblable directement à cause des accents */
}
#main #formulaireContact.page #pageContenu .commandernosoutils legend {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 16px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset {
  padding-right: 0;
  position: relative;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child {
  position: relative;
  /* Min-heights = image height + 32px */
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child:before {
  content: "Quantité";
  width: 100px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  position: absolute;
  top: -24px;
  right: 0;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field:not(.richtext) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 16px 0 16px 104px;
  border-top: 1px solid #fff;
  margin-bottom: 0;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field:not(.richtext) label {
  flex: 1;
  font-family: 'Raleway', sans-serif;
  color: #000000;
  padding-right: 30px;
  font-weight: 400;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field:not(.richtext) label strong {
  font-weight: 600;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field:not(.richtext) div {
  flex: 0 1 100px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field:not(.richtext):first-child {
  border-top: none;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.richtext {
  margin-top: -10px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.portrait2024 {
  background-image: url(/img/formulaires/commande/Portrait2024.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.rapportecrans {
  background-image: url(/img/formulaires/commande/rapport-ecrans.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.rapportbesoinsparticuliers {
  background-image: url(/img/formulaires/commande/Rapport_EBP_2023.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.portrait2021 {
  background-image: url(/img/formulaires/commande/Portrait2021.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.rapportfavoriserdeveloppement {
  background-image: url(/img/formulaires/commande/Dossier-SQC.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.portraitpolitiquespubliques {
  background-image: url(/img/formulaires/commande/PPP2021.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.rapportcomiteconseilagir {
  background-image: url(/img/formulaires/commande/agir-rapport-de-recommandations.jpg);
  min-height: 149px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.petiteenfancequaliteserviceseducatifs {
  background-image: url(/img/formulaires/commande/1_Petite-Enfance_Qualite-Services-Educatifs-1.jpg);
  min-height: 147px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.faitssaillantsdossierqualiteserviceseducatifs {
  background-image: url(/img/formulaires/commande/2_Faits-Saillants_Qualite-Services-Educatifs-1.jpg);
  min-height: 121px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.municipalitesallieesqualiteserviceseducatifs {
  background-image: url(/img/formulaires/commande/QualiteMunicipale.jpg);
  min-height: 159px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.affichecriteresserviceeducatif {
  background-image: url(/img/formulaires/commande/thumb-affiche-garde.jpg);
  min-height: 97px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.violencemaltraitance {
  background-image: url(/img/formulaires/commande/ViolenceEtMaltraitance_RapportComplet_FR-1.jpg);
  min-height: 147px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.faitssaillantsviolencemaltraitance {
  background-image: url(/img/formulaires/commande/FaitsSaillantsMaltraitance_FR-1.jpg);
  min-height: 121px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:first-child .umbraco-forms-field.brochuredecideursmaltraitance {
  background-image: url(/img/formulaires/commande/CoutsDeLaMaltraitance_FR-1.jpg);
  min-height: 159px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .umbraco-forms-fieldset:nth-child(2) .umbraco-forms-field:nth-child(4) {
  max-width: 180px !important;
  float: left;
  padding-right: 10px;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .poste {
  max-width: 100px !important;
  float: left;
  clear: none;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .codepostal {
  max-width: 140px !important;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .commandepreview {
  font-size: 0.8em;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .commandepreview a {
  text-decoration: none;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .commandepreview a:hover {
  color: #1d1d21;
}
#main #formulaireContact.page #pageContenu .commandernosoutils .commandepreview a:after {
  content: "\f35d";
  font-family: 'Font Awesome 6 Pro';
  margin-left: 5px;
  vertical-align: middle;
  font-weight: 900;
}
#main #formulaireContact.page side #autresContacts ul {
  list-style-type: none;
  margin-left: 0;
}
#main #formulaireContact.page side #autresContacts ul li {
  border-bottom: 2px solid #fff;
}
#main #formulaireContact.page side #autresContacts ul li a {
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding: 30px 0 30px 70px;
  background-repeat: no-repeat;
  background-position: left center;
}
#main #formulaireContact.page side #autresContacts ul li a:hover {
  text-decoration: underline;
}
#main #formulaireContact.page side #autresContacts ul li a.pCommanderOutils {
  background-image: url(/img/layout/contact/plan.png);
}
#main #formulaireContact.page side #autresContacts ul li a.pCommentaire {
  background-image: url(/img/layout/contact/bulles.png);
}
#main #formulaireContact.page side #autresContacts ul li a.pReproduction {
  background-image: url(/img/layout/contact/feuilles.png);
}
#main #formulaireContact.page side #autresContacts ul li a.pProblemeTechnique {
  background-image: url(/img/layout/contact/engrenages.png);
}
/*** Médias ***/
/* Accueil */
.pMedias #mainContent #presentationDirectrice {
  background-color: #E3F2F3;
  margin: 0 -20px 24px;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectricePhoto {
  max-width: 642px;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectricePhoto img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectriceContainer {
  padding: 20px;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectriceContainer #presentationDirectriceTitle {
  margin-bottom: 21px;
  font-size: 18px;
  line-height: 28px;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectriceContainer #presentationDirectriceTitle h2 {
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectriceContainer p {
  font-size: 16px;
  line-height: 24px;
}
.pMedias #mainContent #presentationDirectrice #presentationDirectriceContainer p:last-child {
  margin-bottom: 0;
}
.pMedias #mainContent #entrevue {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #CAD7D8;
  margin-bottom: 24px;
}
.pMedias #mainContent #entrevue h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  margin: 0 0 24px;
}
.pMedias #mainContent #entrevue strong {
  font-weight: 600;
  display: block;
}
.pMedias #mainContent #entrevue a {
  color: #1D1D21;
}
.pMedias #mainContent #entrevue a:hover {
  color: #ca262f;
}
.pMedias #mainContent #mediasCommuniques {
  background-color: #E3F2F3;
  margin: 0 -20px 56px;
  padding: 56px 20px;
}
.pMedias #mainContent #mediasCommuniques h2.titrePrincipal {
  margin: 0 0 40px;
}
.pMedias #mainContent #mediasCommuniques h2.titrePrincipal span {
  background-color: #E3F2F3;
}
.pMedias #mainContent #mediasCommuniques ul {
  list-style-type: none;
  margin-left: 0;
}
.pMedias #mainContent #mediasCommuniques ul li {
  background-color: #FFFFFF;
  padding: 24px;
  border-radius: 10px;
}
.pMedias #mainContent #mediasCommuniques ul li a:not(.bouton) {
  color: #1D1D21;
  text-decoration: none;
}
.pMedias #mainContent #mediasCommuniques ul li a:not(.bouton) .surTitre {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 700;
}
.pMedias #mainContent #mediasCommuniques ul li a:not(.bouton) .dateDePublication {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  margin-bottom: 16px;
}
.pMedias #mainContent #mediasCommuniques ul li a:not(.bouton) .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-decoration: none;
}
.pMedias #mainContent #mediasCommuniques ul li a:not(.bouton) .title:hover {
  text-decoration: underline;
}
.pMedias #mainContent #mediasCommuniques ul li a:not(.bouton):after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pMedias #mainContent #mediasCommuniques ul li + li {
  margin-top: 24px;
}
.pMedias #mainContent #mediasDonnees,
.pMedias #mainContent #mediasPublications {
  margin-bottom: 24px;
}
.pMedias #mainContent #mediasDonnees a,
.pMedias #mainContent #mediasPublications a {
  display: block;
  text-decoration: none;
}
.pMedias #mainContent #mediasDonnees a h2,
.pMedias #mainContent #mediasPublications a h2 {
  background-color: #FCE4E4;
  color: #1D1D21;
  margin: 0;
  padding: 68px 20px 40px;
  border-radius: 10px;
  font-size: 24px;
  line-height: 30px;
}
.pMedias #mainContent #mediasDonnees a h2:hover,
.pMedias #mainContent #mediasPublications a h2:hover {
  text-decoration: underline;
}
.pMedias #mainContent #mediasDonnees a h2:after,
.pMedias #mainContent #mediasPublications a h2:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pMedias #mainContent #mediasDonnees a:after,
.pMedias #mainContent #mediasPublications a:after {
  content: "";
  background: transparent url(/img/layout2021/medias/donnees_statistiques.png) no-repeat;
  background-size: contain;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.92%;
  position: relative;
  margin-top: -10px;
  z-index: -1;
}
.pMedias #mainContent #mediasPublications a h2 {
  background-color: #EEEEEE;
}
.pMedias #mainContent #mediasPublications a:after {
  background-image: url(/img/layout2021/medias/rapports_thematique.png);
}
.pMedias #mainContent #mediasThematiques {
  background-color: #E3F2F3;
  padding: 40px 20px;
  border-radius: 10px;
  margin-bottom: 24px;
}
.pMedias #mainContent #mediasThematiques h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 24px;
}
.pMedias #mainContent #mediasThematiques #mediasThematiquesContenu ul li + li {
  margin-top: 16px;
}
.pMedias #mainContent #mediasThematiques #mediasThematiquesContenu *:last-child {
  margin-bottom: 0;
}
.pMedias #mainContent #groupeReseauxKit > div {
  padding: 40px 20px;
  background-color: #123E49;
  color: #ffffff;
  border-radius: 10px;
}
.pMedias #mainContent #groupeReseauxKit > div h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 0 auto 20px;
  text-align: center;
}
.pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux {
  margin-bottom: 24px;
}
.pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux ul {
  list-style-type: none;
  display: flex;
  justify-content: space-evenly;
  margin: 32px 0 0;
}
.pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux ul li {
  flex: 0 0 40px;
  text-align: center;
}
.pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux ul li a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 40px;
  line-height: 40px;
}
.pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux ul li a:hover {
  color: #ca262f;
}
.pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux ul li a span {
  display: none;
}
.pMedias #mainContent #groupeReseauxKit #mediasKit .bouton.secondaire {
  background-color: #123E49;
  color: #ffffff !important;
  border-color: #fff;
  font-weight: 600;
}
.pMedias #mainContent #groupeReseauxKit #mediasKit .bouton.secondaire:after {
  filter: 'brightness(0) saturate(100%) invert(1)';
}
/*** Salle de presse ***/
.sSalleDePresse {
  /* Accueil */
  /* Communique de presse */
}
.sSalleDePresse ul#listeCommuniques {
  list-style-type: none;
  margin-left: 0;
}
.sSalleDePresse ul#listeCommuniques .surTitre {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 700;
}
.sSalleDePresse #communiqueSimple #autresCommuniques {
  margin-top: 80px;
}
/* Réseau d'appui */
#reseauDAppuiFormulaires .colonne {
  margin-bottom: 40px;
}
#reseauDAppuiFormulaires h2 {
  font-size: 1.6em;
  margin-bottom: 20px;
  text-align: center;
}
#reseauDAppuiFormulaires h3 {
  font-size: 1.2em;
  margin-bottom: 20px;
  color: #ca262f;
  font-weight: 400;
  text-align: center;
}
#reseauDAppuiFormulaires .umbraco-forms-form fieldset {
  padding: 0;
}
#reseauDAppuiFormulaires .umbraco-forms-fieldset {
  padding-top: 0;
}
#reseauDAppuiFormulaires .umbraco-forms-field {
  margin-bottom: 20px;
}
#reseauDAppuiFormulaires .umbraco-forms-field input.text {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#reseauDAppuiFormulaires .umbraco-forms-navigation {
  text-align: center;
}
#reseauDAppuiFormulaires .umbraco-forms-navigation .btn {
  display: inline-block;
  border: none;
  margin-top: 30px;
  padding: 16px 40px;
  background-color: #ca262f;
  color: #FFFFFF !important;
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  font-size: 18px;
  line-height: 21px;
  height: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0;
}
#reseauDAppuiFormulaires .umbraco-forms-navigation .btn:hover {
  text-decoration: underline;
}
#reseauDAppuiFormulaires .umbraco-forms-navigation .btn:hover {
  background-color: #AD000A;
}
/* Formulaires Umbraco Forms */
.formUmbraco .umbraco-forms-form fieldset {
  padding: 0;
}
.formUmbraco .umbraco-forms-fieldset {
  padding-top: 0;
}
.formUmbraco .umbraco-forms-field {
  margin-bottom: 20px;
}
.formUmbraco .umbraco-forms-field input.text,
.formUmbraco .umbraco-forms-field textarea {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.formUmbraco .umbraco-forms-navigation {
  text-align: center;
}
.formUmbraco .umbraco-forms-navigation .btn {
  display: inline-block;
  border: none;
  margin-top: 30px;
  padding: 16px 40px;
  background-color: #ca262f;
  color: #FFFFFF !important;
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  font-size: 18px;
  line-height: 21px;
  height: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0;
}
.formUmbraco .umbraco-forms-navigation .btn:hover {
  text-decoration: underline;
}
.formUmbraco .umbraco-forms-navigation .btn:hover {
  background-color: #AD000A;
}
.formUmbraco span.radiobuttonlist {
  position: relative;
}
.formUmbraco span.radiobuttonlist input {
  position: absolute;
  left: 10px;
}
.formUmbraco span.radiobuttonlist label {
  margin-left: 30px;
  display: block;
}
#tout-petits .umbraco-forms-form span.field-validation-error {
  color: red !important;
  font-weight: bold;
  clear: left;
}
/*** Infolettre ***/
.sInfolettre #mc_embed_signup form {
  padding: 20px 0 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 40em;
}
.sInfolettre #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  margin-bottom: 0;
  padding-bottom: 0;
}
/*** Publications - Accueil ***/
.sPublications.pAccueilPublications #main .page #pageContenu {
  padding-bottom: 0;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #PortraitsAnnuels {
  background-color: #E3F2F3;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #PortraitsAnnuels h2.titrePrincipal span {
  background-color: #E3F2F3;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #RapportsThematiques {
  background-color: #F3F8E8;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #RapportsThematiques h2.titrePrincipal span {
  background-color: #F3F8E8;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #Sondages {
  background-color: #FCE4E4;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #Sondages h2.titrePrincipal span {
  background-color: #FCE4E4;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #DossiersWeb {
  background-color: #fff8dd;
}
.sPublications.pAccueilPublications #sectionsList #sectionsListContainer #DossiersWeb h2.titrePrincipal span {
  background-color: #fff8dd;
}
.sPublications.pAccueilPublications #sectionsList .surtitre {
  display: none;
}
.sPublications #main article.dossier,
.sPublications #main article.rapportAnnuel {
  font-size: 14px;
}
.sPublications #main article.rapportAnnuel h1 {
  color: #ffffff;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul {
  list-style-type: none;
  margin: 0;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li {
  background-color: #ffffff;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li a {
  display: block;
  text-decoration: none;
  height: 100%;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li a .photo img {
  display: block;
  width: 100%;
  height: auto;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li a .sectionContent {
  padding: 20px 20px;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li a .sectionContent .surTitre {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  color: #1D1D21;
  margin-bottom: 20px;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li a .sectionContent h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  color: #000000;
  margin: 0 0 20px;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li + li {
  margin-top: 40px;
}
.sPublications #sectionsList #sectionsListContainer .section .sectionContainer .cartePublication + .cartePublication {
  margin-top: 24px;
}
/* Section Réactions */
body.pReactions #main #pageContainer {
  display: block;
  width: 100%;
}
body.pReactions #main #pageContainer #pageContenu {
  display: block;
  width: 100%;
  padding-top: 0;
}
body.pReactions #main #pageContainer #pageContenu .reactionSolo {
  margin-bottom: 30px;
}
body.pReactions #main #pageContainer #pageContenu #menuReactions {
  margin-top: 60px;
  text-align: center;
}
body.pReactions #main #pageContainer #pageContenu #menuReactions h2 {
  color: #ca262f;
  font-size: 40px;
  line-height: 52px;
  font-weight: 400;
}
body.pReactions #main #pageContainer #pageContenu #menuReactions .reactionsParThemeNav {
  margin-bottom: 30px;
}
body.pReactions #main .videoEmbed {
  margin-bottom: 0;
}
#main .reactionsParThemeNav {
  position: relative;
  display: inline-block;
  text-align: left;
  margin-bottom: 60px;
  /* Dropdown Content (Hidden by Default) */
  /* Show the dropdown menu on hover */
  /* Change the background color of the dropdown button when the dropdown content is shown */
}
#main .reactionsParThemeNav .reactionsParThemeNavContainer {
  min-width: 280px;
  background-color: #000000;
  color: #fff;
  padding: 15px 40px 15px 15px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
#main .reactionsParThemeNav .reactionsParThemeNavContainer i {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
}
#main .reactionsParThemeNav ol {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#main .reactionsParThemeNav ol li {
  margin: 0;
  padding: 0;
}
#main .reactionsParThemeNav ol li a {
  color: #000000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
#main .reactionsParThemeNav ol li a:hover {
  background-color: #e9e9e9;
}
#main .reactionsParThemeNav:hover ol {
  display: block;
}
#main .reactionsParThemeNav:hover .reactionsParThemeNavContainer {
  background-color: #444444;
}
#main .reactionsParThemeNav:hover .reactionsParThemeNavContainer i {
  transform: rotate(180deg);
}
.pReactionsParThematique #main nav#filAriane ul li:nth-child(2n) a {
  background-color: #ca262f;
  color: #fff;
}
.pReactionsParThematique #main nav#filAriane ul li:nth-child(2n) a:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6.88px solid transparent;
  border-bottom: 6.88px solid transparent;
  border-right: 8px solid #ca262f;
  border-left: none;
  position: absolute;
  top: 40px;
  left: -8px;
}
/* Reactions portrait annuel (Accueil et Portrait 2016) */
#main #reactions,
#main #accueilReactions {
  margin-top: 30px;
  padding-bottom: 30px;
}
#main #reactions h2.sousTitre,
#main #accueilReactions h2.sousTitre {
  text-transform: uppercase;
  font-size: 2.5em;
  color: #ca262f;
  text-align: center;
  margin-bottom: 30px;
}
#main #reactions h2.sousTitre span,
#main #accueilReactions h2.sousTitre span {
  color: #434747;
  font-size: 0.6em;
  text-decoration: underline;
  vertical-align: 40%;
  position: relative;
  top: 5px;
}
#main #reactions a.plus,
#main #accueilReactions a.plus {
  text-align: center;
}
#main #reactions #CarrouselPriseDeParoleAccueil,
#main #accueilReactions #CarrouselPriseDeParoleAccueil {
  margin-left: 0;
  margin-right: 0;
}
#reactionsList {
  margin: 0;
  padding: 0 75px;
}
#reactionsList .reaction img {
  width: auto;
  max-width: 200px;
  margin: 0 auto 20px;
}
#reactionsList .reaction .texteReaction {
  width: 100%;
}
#reactionsList .reaction .texteReaction blockquote {
  font-size: 1.25em;
  font-style: italic;
  margin-bottom: 20px;
}
#reactionsList .reaction .texteReaction .source {
  font-size: 0.9em;
}
#reactionsList .reaction .texteReaction .source .lienVideo {
  color: #ca262f;
  text-decoration: none;
}
#reactionsList .reaction .texteReaction .source .lienVideo:hover {
  text-decoration: underline;
}
#reactionsList .reaction .texteReaction .source .lienVideo:after {
  content: " \f16a";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  text-decoration: none;
}
#reactionsList .slick-prev,
#reactionsList .slick-next {
  width: 45px;
  height: 45px;
}
#reactionsList .slick-prev:before,
#reactionsList .slick-next:before {
  color: #434747;
  font-size: 45px;
  opacity: 1;
}
#reactionsList .slick-prev:hover:before,
#reactionsList .slick-next:hover:before {
  opacity: 0.75;
}
#reactionsList .slick-prev {
  left: 15px;
}
#reactionsList .slick-next {
  right: 15px;
}
#main .reactionSolo {
  text-align: left;
}
#main .reactionSolo img {
  width: auto;
  max-width: 100%;
  margin: 0 auto 15px;
}
#main .reactionSolo .texteReaction {
  width: 100%;
  padding: 0 20px;
}
#main .reactionSolo .texteReaction .type {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
#main .reactionSolo .texteReaction blockquote {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 20px;
}
#main .reactionSolo .texteReaction .source {
  font-size: 16px;
  line-height: 24px;
}
#main .reactionSolo .texteReaction .source .date {
  display: bloc;
  margin-top: 8px;
}
#main .reactionSolo .texteReaction .source .bouton {
  text-decoration: none;
  margin-top: 10px;
  padding: 10px 30px;
  text-transform: none;
  font-weight: 400;
  font-size: 1em;
  background-color: #fff;
  color: #ca262f !important;
  border: 1px solid #ca262f;
}
#main .reactionSolo .texteReaction .source .bouton:hover {
  background-color: #ca262f;
  color: #fff !important;
}
#main .reactionSolo.style2022 {
  padding-bottom: 40px;
}
#main .reactionSolo.style2022 .reactionImage {
  margin-top: 32px;
  position: relative;
}
#main .reactionSolo.style2022 .reactionImage img {
  margin: 0 auto 40px;
}
#main .reactionSolo.style2022 .reactionImage:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: -32px;
  background: url("/img/layout2021/quote.svg") no-repeat;
  background-size: contain;
  width: 88px;
  height: 64px;
}
#main .reactionSolo.style2022 .texteReaction {
  padding: 0;
}
#main .reactionSolo.style2022 .texteReaction .type {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
#main .reactionSolo.style2022 .texteReaction blockquote {
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
  margin-bottom: 32px;
}
#main .reactionSolo.style2022 .texteReaction .source {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}
#main .reactionSolo.style2022 .texteReaction .source strong {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
#main .reactionSolo.style2022 .texteReaction .source .bouton {
  margin-top: 40px;
  padding: 0;
  text-transform: none;
  font-size: 18px;
  line-height: 22px;
  color: #ca262f !important;
  background-color: transparent;
  border: none;
  color: #ca262f;
  font-weight: 700;
  text-decoration: none;
}
#main .reactionSolo.style2022 .texteReaction .source .bouton:hover {
  text-decoration: underline;
}
#main .reactionSolo.style2022 .texteReaction .source .bouton:hover {
  text-decoration: underline;
}
#main .reactionSolo.style2022 .texteReaction .source .bouton:after {
  display: inline;
  content: "";
  color: #CA262F;
  margin-left: 8px;
  width: 8px;
  height: 14px;
  background: url("/img/layout2021/chevron.svg") no-repeat;
  background-size: contain;
  vertical-align: sub;
  padding-left: 8px;
}
#main .reactionSolo.style2022 .texteReaction .source .bouton:hover {
  background-color: transparent;
  color: #ca262f !important;
}
#main .carrouselReactions {
  margin: 0 -20px;
  padding: 0;
}
#main .carrouselReactions .reactionSolo .texteReaction .type {
  display: none;
}
#main .carrouselReactions .slick-prev,
#main .carrouselReactions .slick-next {
  width: 45px;
  height: 45px;
  top: 60px;
  z-index: 100;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  /* transform: translate(0, 0); */
}
#main .carrouselReactions .slick-prev:before,
#main .carrouselReactions .slick-next:before {
  color: #fff;
  font-size: 45px;
  opacity: 1;
  text-shadow: 0 0 0.2em #000;
}
#main .carrouselReactions .slick-prev:hover:before,
#main .carrouselReactions .slick-next:hover:before {
  opacity: 0.75;
}
#main .carrouselReactions .slick-prev {
  left: 10px;
}
#main .carrouselReactions .slick-next {
  right: 10px;
}
#main .carrouselReactions.multiCategorie .reactionSolo .texteReaction .type {
  display: block;
}
.pReactionsParThematique #main .reactionSolo {
  margin-bottom: 40px;
}
.pRapportAnnuel2016 #main #reactions {
  margin-top: 60px;
  padding-bottom: 60px;
  border-bottom: 10px solid #434747;
}
/* Question du mois */
#main #QuestionDuMois {
  font-size: 14px;
  margin: 40px -20px 0;
  padding: 30px 30px;
  background: #4b3c33 url(/img/QuestionDuMois/question-mois-back-novembre2019.jpg) no-repeat left top;
  color: #fff;
}
#main #QuestionDuMois h2 {
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 2.5em;
  font-weight: 800;
  text-align: center;
  line-height: 1.1;
}
#main #QuestionDuMois h2 span {
  border-bottom: 4px solid #fff;
  font-size: 0.7em;
  vertical-align: top;
}
#main #QuestionDuMois h2 strong {
  color: #ca262f;
  font-weight: 800;
}
#main #QuestionDuMois #laQuestion .umbraco-forms-form {
  padding: 0;
}
#main #QuestionDuMois #laQuestion fieldset {
  padding: 0;
}
#main #QuestionDuMois #laQuestion .fieldLabel {
  font-weight: normal;
  font-size: 1.4em;
  margin-bottom: 20px;
}
#main #QuestionDuMois #laQuestion .radiobuttonlist {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#main #QuestionDuMois #laQuestion .radiobuttonlist input {
  flex: 0 1 25px;
  margin: 0 0 10px;
}
#main #QuestionDuMois #laQuestion .radiobuttonlist label {
  font-size: 0.9em;
  flex: 1 1 calc(100% - 25px);
  margin-bottom: 10px;
}
#main #QuestionDuMois #laQuestion .field-validation-error span {
  font-weight: bold;
  color: #ca262f;
  display: block;
}
#main #QuestionDuMois #laQuestion .btn {
  display: inline-block;
  border: none;
  margin-top: 30px;
  padding: 16px 40px;
  background-color: #ca262f;
  color: #FFFFFF !important;
  text-decoration: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  font-size: 18px;
  line-height: 21px;
  height: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  font-weight: 700;
  margin-top: 10px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
#main #QuestionDuMois #laQuestion .btn:hover {
  text-decoration: underline;
}
#main #QuestionDuMois #laQuestion .btn:hover {
  background-color: #AD000A;
}
#main #QuestionDuMois #laQuestion .btn[disabled="disabled"] {
  background-color: gray;
}
#main #QuestionDuMois #laQuestion .confirmation {
  font-size: 1.1em;
}
#main #QuestionDuMois #laQuestion .confirmation strong {
  font-size: 1.2em;
}
#main #QuestionDuMois #lesResultats {
  margin-top: 40px;
}
#main #QuestionDuMois #lesResultats .graphique {
  padding: 0;
  height: 350px;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}
#main #QuestionDuMois #lesResultats .graphique .graphiqueContainer {
  height: 350px;
}
#main #QuestionDuMois #lesResultats .graphique.unDeDeux,
#main #QuestionDuMois #lesResultats .graphique.deuxDeDeux {
  height: 250px;
  max-width: 250px;
}
#main #QuestionDuMois #lesResultats .graphique.unDeDeux .graphiqueContainer,
#main #QuestionDuMois #lesResultats .graphique.deuxDeDeux .graphiqueContainer {
  height: 250px;
}
/*** Page Recherche ***/
.pRecherche .gsc-control-cse {
  padding: 0;
}
.pRecherche .gsc-search-box {
  margin-bottom: 37px;
  max-width: 440px;
  border-radius: 4px;
  background-color: #EEEEEE;
}
.pRecherche .gsc-input-box {
  padding-top: 1px;
  padding-bottom: 0;
  border: none;
  background-color: transparent;
  border-right: 1px solid #A5A5A5;
}
.pRecherche .gsib_a {
  padding-left: 16px;
  padding-right: 15px;
}
.pRecherche .gsib_a input {
  background-color: #EEEEEE !important;
}
.pRecherche .gsst_a .gscb_a {
  color: #1D1D21;
}
.pRecherche .gsib_b {
  padding-right: 8px;
}
.pRecherche table.gsc-search-box td.gsc-input {
  padding-right: 0;
}
.pRecherche .gsc-search-button {
  border: none;
  background-color: transparent;
}
.pRecherche button.gsc-search-button {
  width: 48px;
  height: 48px;
  background: transparent url(/img/layout2021/search.svg) no-repeat center center;
  background-size: 16px;
  border-radius: 4px;
  padding: 0;
  margin-left: 0;
}
.pRecherche button.gsc-search-button svg {
  display: none;
}
.pRecherche button.gsc-search-button:hover {
  background-color: #A5A5A5;
}
.pRecherche .gsc-above-wrapper-area {
  border-bottom: 4px solid #4CB1B6;
}
.pRecherche .gsc-thumbnail {
  display: none;
}
.pRecherche .gs-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #ca262f;
}
.pRecherche .gs-webResult.gs-result a.gs-title:link b,
.pRecherche .gs-webResult.gs-result a.gs-title:visited b {
  color: #4CB1B6;
}
.pRecherche .gs-snippet {
  font-size: 16px;
  line-height: 24px;
}
.pRecherche .gsc-results {
  width: 100%;
}
.pRecherche .gsc-webResult .gsc-result {
  padding: 24px 0;
  border-bottom-color: #CAD7D8;
}
.pRecherche .gsc-webResult.gsc-result:hover {
  border-bottom-color: #CAD7D8;
}
.pRecherche .gs-webResult div.gs-visibleUrl {
  color: #4CB1B6;
}
.pRecherche .gsc-table-result,
.pRecherche .gsc-thumbnail-inside,
.pRecherche .gsc-url-top {
  padding-left: 0;
  padding-right: 0;
}
.pRecherche .gsc-results .gsc-cursor-box {
  margin: 56px 0 0;
}
.pRecherche .gcsc-more-maybe-branding-root {
  margin-top: 24px;
}
.pRecherche .gcsc-more-maybe-branding-root .gcsc-find-more-on-google {
  margin-left: 0;
}
/*** Des chiffres qui parlent ***/
#pageChiffre.page .introduction {
  font-size: 1.1em;
  text-align: center;
}
#pageChiffre.page #chiffreImage {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 30px 0;
}
#pageChiffre.page .boutonCentre {
  text-align: center;
}
#pageChiffre.page .bouton {
  margin-top: 30px;
}
/* Balados */
#sectionBalados.accueil header {
  background: url(/img/layout/balados/header.jpg) no-repeat center top;
  padding: 20px 20px 0;
}
#sectionBalados.accueil header h1 {
  background: url(/img/layout/balados/podcast.png) no-repeat left center;
  padding-left: 37px;
  text-transform: uppercase;
  line-height: 29px;
  margin-top: 70px;
}
#sectionBalados.accueil header h2 {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1;
}
#sectionBalados.accueil header h2 strong {
  font-weight: 800;
  color: #ca262f;
  display: block;
  margin-bottom: 5px;
}
#sectionBalados.accueil header #headerDescription {
  margin: 20px -20px 0;
  padding: 30px 20px;
  text-align: center;
  color: #fff;
  background-color: #1d1d21;
  background-color: rgba(29, 29, 33, 0.7);
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer {
  font-size: 1.1em;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #rss {
  display: inline-block;
  margin: 0 auto;
  background: url(/img/layout/balados/rss.png) no-repeat left center;
  padding-left: 50px;
  height: 40px;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #rss input {
  border: none;
  border-radius: 5px;
  padding: 6px;
  margin-top: 6px;
  width: 220px;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #apps {
  margin: 0 auto;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #apps a {
  display: inline-flex;
  align-items: center;
  margin: 15px 20px 0px;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  padding-left: 50px;
  min-height: 46px;
  vertical-align: middle;
  font-family: 'Raleway', sans-serif;
  text-align: left;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #apps a:hover {
  text-decoration: underline;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #apps #iTunes {
  background: url(/img/layout/balados/itunes.png) no-repeat left top;
  padding-left: 44px;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #apps #googlePlay {
  background: url(/img/layout/balados/googleplaymusic.png) no-repeat left center;
}
#sectionBalados.accueil header #headerDescription #headerDescriptionContainer #apps #rss {
  background: url(/img/layout/balados/rss.png) no-repeat left center;
}
#sectionBalados.accueil #pageContainer #pageContenu {
  padding: 0 20px 40px;
}
#sectionBalados.accueil #pageContainer #pageContenu #titreZone {
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 30px;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado {
  max-width: 430px;
  margin: 0 auto 40px;
  background-color: #ececec;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoImage img {
  width: auto;
  max-width: 100%;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte {
  padding: 20px;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte h3 {
  margin: 0;
  font-size: 1.2em;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte .dateDePublication {
  display: block;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-bottom: 20px;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte .telechargement {
  margin-top: 10px;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte .telechargement a {
  color: #666666;
  text-decoration: none;
  font-size: 0.9em;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte .telechargement a:hover {
  text-decoration: underline;
}
#sectionBalados.accueil #pageContainer #pageContenu #listeBalados .balado .baladoTexte .telechargement a i {
  margin-right: 8px;
  font-size: 18px;
}
/* --- Balados, version 2023 --- */
/* Accueil d'un balado */
.sBalados #page #podcastIntro {
  margin: 0 -20px 40px;
  padding: 40px 20px 56px;
  background-color: #FFF8DD;
}
.sBalados #page #listeEpisodes ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sBalados #page #listeEpisodes ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #CAD7D8;
  padding-bottom: 24px;
}
.sBalados #page #listeEpisodes ul li a {
  display: flex;
  text-decoration: none;
}
.sBalados #page #listeEpisodes ul li a .thumbnail {
  flex: 0 0 38%;
  min-width: 130px;
  max-width: 200px;
  margin-right: 16px;
}
.sBalados #page #listeEpisodes ul li a .thumbnail img {
  width: auto;
  max-width: 100%;
}
.sBalados #page #listeEpisodes ul li a .container {
  flex: 1;
}
.sBalados #page #listeEpisodes ul li a .container:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.sBalados #page #listeEpisodes ul li a .container .surtitre {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #1D1D21;
}
.sBalados #page #listeEpisodes ul li a .container .titre {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #1D1D21;
}
.sBalados #page #listeEpisodes ul li a .container .duree {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #000;
}
.sBalados #page #listeEpisodes ul li a:hover,
.sBalados #page #listeEpisodes ul li a:active {
  text-decoration: none;
}
.sBalados #page #listeEpisodes ul li a:hover .container .titre,
.sBalados #page #listeEpisodes ul li a:active .container .titre {
  text-decoration: underline;
}
.sBalados #page #listeEpisodes ul li:nth-child(n+1) {
  margin-top: 24px;
}
.sBalados #page .autresPlateformes ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}
.sBalados #page .autresPlateformes ul li {
  flex: 0 0 48px;
  display: inline-block;
  width: 48px;
  height: 48px;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.sBalados #page .autresPlateformes ul li a {
  display: block;
  width: 48px;
  height: 48px;
}
.sBalados #page .autresPlateformes ul #iconOdhio a {
  background: url(/img/balados/icons/ohdio.png) no-repeat;
}
.sBalados #page .autresPlateformes ul #iconSpotify a {
  background: url(/img/balados/icons/spotify.png) no-repeat;
}
.sBalados #page .autresPlateformes ul #iconApple a {
  background: url(/img/balados/icons/apple.png) no-repeat;
}
.sBalados #page .autresPlateformes ul #iconBaladoQuebec a {
  background: url(/img/balados/icons/baladoquebec.png) no-repeat;
}
.sBalados #page .autresPlateformes ul #iconRSS a {
  background: url(/img/balados/icons/rss-solid.svg) no-repeat;
  background-size: contain;
}
.sBalados #page.episodeBalado .photoContainer .photo {
  margin-bottom: 24px;
}
.sBalados #page.episodeBalado .photoContainer .photo img {
  width: auto;
  max-width: 100%;
  display: block;
}
.sBalados #page.episodeBalado .photoContainer .autresPlateformes {
  display: none;
}
.sBalados #page.episodeBalado #episodeHeader {
  margin-bottom: 24px;
  padding-left: 96px;
  position: relative;
}
.sBalados #page.episodeBalado #episodeHeader .episodeIcon {
  display: block;
  font-size: 72px;
  position: absolute;
  left: 0;
  top: 0;
  color: #ca262f;
  line-height: 0.9em;
}
.sBalados #page.episodeBalado #episodeHeader .surtitre {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #1D1D21;
}
.sBalados #page.episodeBalado #episodeHeader .titre {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #1D1D21;
}
.sBalados #page.episodeBalado #episodeHeader .duree {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #000;
}
.sBalados #page.episodeBalado #introTexte {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 24px;
}
.sBalados #page.episodeBalado #introTexte .intro {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.sBalados #page.episodeBalado #episodePlayer {
  margin: 40px 0 0;
}
.sBalados #page.episodeBalado #episodeReferences {
  margin-top: 40px;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference a {
  display: flex;
  text-decoration: none;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference a .photo img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference a .texte {
  padding: 24px;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference a .texte h3 {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #000;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference a .texte h3:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference a:hover .texte h3,
.sBalados #page.episodeBalado #episodeReferences .episodeReference a:active .texte h3 {
  text-decoration: underline;
}
.sBalados #page.episodeBalado #episodeReferences .episodeReference + .episodeReference {
  margin-top: 40px;
}
.sBalados #page.episodeBalado .autresPlateformes h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
  margin: 24px 0 16px;
}
.sBalados #page.episodeBalado .autresPlateformes #iconRSS {
  display: none;
}
/* Régions */
.pRegions #main:after {
  content: "";
  display: block;
  width: 100%;
  height: 33vw;
  max-height: 337px;
  background: url(/img/layout2021/regions/illustration_region.svg) no-repeat center bottom;
  background-size: 187%;
}
.sRegions #mainContent .blocDimension {
  background-color: #E3F2F3;
  border-radius: 10px;
  padding-bottom: 0;
}
.sRegions #mainContent .blocDimension .tiroirTitre {
  margin: 0;
  padding: 40px 16px 40px;
}
.sRegions #mainContent .blocDimension .tiroirTitre:after {
  align-self: center;
}
.sRegions #mainContent .blocDimension h3 {
  color: #CA262F;
  margin: 0;
  align-items: center;
}
.sRegions #mainContent .blocDimension .tiroirContenu {
  margin: 0 8px 0;
}
.sRegions #mainContent .blocDimension .listeDonnees {
  position: relative;
  /*.separateur {display: none; width: 24px; position: absolute; left: 50%; top: 0; height: 100%; background-color: #fff; transform: translateX(-50%);
				&:before {content: ""; width: 44px; height: 10px; position: absolute; top: 0; left: -10px; background: url(/img/layout2021/column-topper.svg) no-repeat center center; background-size: contain;}
				&:after {content: ""; width: 44px; height: 10px; position: absolute; bottom: 0; left: -10px; background: url(/img/layout2021/column-topper.svg) no-repeat center center; background-size: contain; transform: rotate(180deg);}
			}*/
}
.sRegions #mainContent .blocDimension .listeDonnees ul {
  padding: 0 0 8px;
  margin: 0;
}
.sRegions #mainContent .blocDimension .listeDonnees ul li {
  background-color: #fff;
  color: #1D1D21;
  border-radius: 10px;
  list-style-type: none;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding: 12px 16px;
  display: block;
  width: 100%;
}
.sRegions #mainContent .blocDimension .listeDonnees ul li a {
  color: #000000;
  text-decoration: none;
}
.sRegions #mainContent .blocDimension .listeDonnees ul li a:hover {
  text-decoration: underline;
}
.sRegions #mainContent .blocDimension .listeDonnees ul li + li {
  margin-top: 4px;
}
.sRegions #mainContent .blocDimension#dimEnfants h3:before {
  content: "";
  display: inline-block;
  width: 49px;
  height: 62px;
  background: url(/img/layout2021/donnees/doll.svg) no-repeat;
  background-size: contain;
  margin-right: 37px;
  vertical-align: middle;
}
.sRegions #mainContent .blocDimension#dimFamille h3:before {
  content: "";
  display: inline-block;
  width: 65px;
  height: 61px;
  background: url(/img/layout2021/donnees/famille.svg) no-repeat;
  background-size: contain;
  margin-right: 21px;
  vertical-align: middle;
}
.sRegions #mainContent .blocDimension#dimMilieuxDeVie h3:before {
  content: "";
  display: inline-block;
  width: 62px;
  height: 62px;
  background: url(/img/layout2021/donnees/house.svg) no-repeat;
  background-size: contain;
  margin-right: 24px;
  vertical-align: middle;
}
.sRegions #mainContent .blocDimension + .blocDimension {
  margin-top: 22px;
}
.sRegions #mainContent .listeTuiles {
  margin-bottom: 0;
}
.sRegions #mainContent .section + .section {
  margin-top: 48px;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport {
  width: auto;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport a.rapportLien {
  width: 100%;
  display: block;
  text-decoration: none;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport a.rapportLien img {
  width: 100%;
  height: auto;
  display: block;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport a.rapportLien .rapportContainer {
  padding: 24px 24px 0;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport a.rapportLien h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  margin: 0;
  color: #000;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport a.rapportLien span.lienChevron {
  margin-top: 20px;
  display: block;
  line-height: 22px;
}
.sRegions #mainContent #sectionRapports #sectionRapportsContainer .rapport a.rapportLien:hover span.lienChevron {
  color: #ca262f;
  text-decoration: underline;
}
/* Cartes Publication */
#mainContent .zoneTexte .cartePublication {
  background-color: #fff;
}
#mainContent .zoneTexte .cartePublication .lienImage {
  display: block;
}
#mainContent .zoneTexte .cartePublication .lienImage img {
  display: block;
  width: auto;
  max-width: 100%;
}
#mainContent .zoneTexte .cartePublication .publicationContainer {
  padding: 24px 20px;
}
#mainContent .zoneTexte .cartePublication .publicationContainer .dateDePublication {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #1D1D21;
}
#mainContent .zoneTexte .cartePublication .publicationContainer .surtitre {
  color: #1D1D21;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 700;
}
#mainContent .zoneTexte .cartePublication .publicationContainer h4 {
  font-size: 22px;
  line-height: 32px;
  margin: 0;
  font-weight: 600;
}
#mainContent .zoneTexte .cartePublication .publicationContainer h4 a {
  color: #000;
  text-decoration: none;
}
#mainContent .zoneTexte .cartePublication .publicationContainer h4 a:hover {
  text-decoration: underline;
}
#mainContent .zoneTexte .cartePublication .publicationContainer .lienAnglais {
  font-size: 14px;
  line-height: 16px;
  margin-top: 4px;
}
#mainContent .zoneTexte .cartePublication .publicationContainer .lienAnglais a {
  color: #000;
}
#mainContent .zoneTexte .cartePublication .publicationContainer .lienAnglais a:hover,
#mainContent .zoneTexte .cartePublication .publicationContainer .lienAnglais a:active {
  color: #ca262f;
}
#mainContent .zoneTexte .cartePublication .publicationContainer a.lienChevron {
  display: block;
  margin-top: 20px;
}
/* Thématiques */
.sThemes .pageThematique #listeReactions .reactionSolo {
  padding: 40px 20px;
  margin: 0 -20px;
}
.sThemes .pageThematique #listeReactions .reactionSolo:nth-child(2n) {
  background-color: #FCE4E4;
}
.sThemes .pageThematique #listeReactions .reactionSolo:first-child {
  padding-top: 0;
}
.sThemes .pageThematique #Dossiers .segment h3.titrePrincipal,
.sThemes .pageThematique #Videos .segment h3.titrePrincipal {
  margin-top: 0;
  font-size: 32px;
  line-height: 32px;
}
.sThemes .pageThematique #Videos .segment ul.listeTuiles {
  margin-bottom: 0;
}
.sThemes .pageThematique #Outils #segmentInfographies,
.sThemes .pageThematique #Outils #segmentPowerpoints {
  background-color: #E3F2F3;
  margin: 0 -20px;
  padding: 56px 20px;
}
.sThemes .pageThematique #Outils #segmentInfographies h3,
.sThemes .pageThematique #Outils #segmentPowerpoints h3 {
  margin-top: 0;
}
.sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles,
.sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles {
  margin-bottom: 0;
}
.sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles li,
.sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles li {
  display: inline-block;
  background-color: #fff;
  flex: 1;
  max-width: 500px;
  margin-bottom: 24px;
}
.sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles li .lienTelechargement,
.sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles li .lienTelechargement {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #1D1D21;
}
.sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles .grid-sizer,
.sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles .grid-sizer {
  width: 100%;
}
.sThemes .pageThematique #Outils #segmentPowerpoints {
  background-color: #F3F8E8;
}
.sThemes .pageThematique #segmentBrochures h3 {
  margin-bottom: 32px;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures {
  margin: 0;
  padding: 0;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li {
  list-style-type: none;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a {
  display: flex;
  gap: 16px;
  text-decoration: none;
  color: #1D1D21;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuilePhoto {
  flex: 0 0 67px;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuilePhoto img {
  width: 100%;
  height: auto;
  display: block;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuileContainer {
  flex: 1;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuileContainer .categorie {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 4px;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuileContainer .titre {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  gap: 16px;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuileContainer .titre span {
  flex: 1;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a .tuileContainer .titre:after {
  display: block;
  content: "";
  color: #CA262F;
  flex: 0 0 28px;
  width: 28px;
  height: 20px;
  background: url("/img/rapports/portraitPP/icon_download.svg") no-repeat;
  background-size: contain;
  align-self: flex-end;
  margin-bottom: 3px;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a:hover .titre,
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li a:active .titre {
  text-decoration: underline;
}
.sThemes .pageThematique #segmentBrochures ul#listeBrochures li:nth-child(n+2) {
  padding-top: 25px;
  border-top: 1px solid #cad7d8;
  margin-top: 25px;
}
/* Plan du site */
.pPlanDuSite #pageContenu ul {
  margin-bottom: 0;
}
/* Municipalités */
.pMunicipalites #mainContent .page #pageContenu {
  padding-bottom: 0;
}
.pMunicipalites #mainContent .page header {
  min-height: 392px;
  position: relative;
  padding-bottom: 130px;
  margin-bottom: 80px;
}
.pMunicipalites #mainContent .page header:before {
  content: "";
  width: auto;
  height: auto;
  background: url(/img/layout2021/municipalites/header-background.svg) repeat-x center bottom;
  background-size: auto 392px;
  margin-left: -20px;
  margin-right: -20px;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pMunicipalites #mainContent .page header h1 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 40px;
}
.pMunicipalites #mainContent .page header .intro p {
  font-size: 18px;
  line-height: 28px;
}
.pMunicipalites #mainContent .page header:after {
  content: "";
  display: block;
  width: 100%;
  height: 96px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/img/layout2021/municipalites/illustration-hub-muni.svg) no-repeat center center;
  background-size: 420px;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a {
  display: flex;
  flex-direction: column;
  margin: 40px 0;
  color: #1D1D21;
  text-decoration: none;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .image {
  order: 1;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .image img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto -10px;
  position: relative;
  z-index: -1;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .texte {
  order: 2;
  margin: 0;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .texte .surtitre {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 24px;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .texte h2 {
  margin: 0;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .texte h2:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a .texte h2:after {
  display: block;
  margin-top: 16px;
}
.pMunicipalites #mainContent .page #sondageMunicipalites a:hover .texte h2 {
  text-decoration: underline;
}
.pMunicipalites #mainContent .page #outilsMunicipalites {
  background-color: #FFF8DD;
  padding: 40px 20px 80px;
  margin: 80px -20px 40px;
}
.pMunicipalites #mainContent .page #outilsMunicipalites h2.titrePrincipal {
  margin-top: 0;
}
.pMunicipalites #mainContent .page #outilsMunicipalites h2.titrePrincipal span {
  background-color: #FFF8DD;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil {
  background-color: #fff;
  border-radius: 0 10px 10px 0;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a {
  display: block;
  display: flex;
  text-decoration: none;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a:hover {
  text-decoration: underline;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a .texte {
  padding: 16px;
  flex: 1;
  order: 2;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a .texte h3 {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a .texte h3:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a .texte h3:after {
  margin-top: 8px;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a .image {
  flex: 0 1 132px;
  order: 1;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil a .image img {
  display: block;
  width: auto;
  max-width: 100%;
}
.pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil + .outil {
  margin-top: 24px;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a {
  text-decoration: none;
  display: block;
  display: flex;
  flex-direction: column;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .image {
  order: 1;
  position: relative;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .image:after {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background: url(/img/layout2021/play-fill.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .texte {
  order: 2;
  padding: 24px 20px;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .texte h3 {
  margin: 0 0 16px;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  text-decoration: none;
  color: #000000;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .texte h3:hover {
  text-decoration: underline;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video a .texte h3:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video + .video {
  margin-top: 24px;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites {
  background-color: #E3F2F3;
  padding: 40px 20px 80px;
  margin: 80px -20px 0;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites h2.titrePrincipal {
  margin-top: 0;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites h2.titrePrincipal span {
  background-color: #E3F2F3;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport a {
  text-decoration: none;
  color: #000;
  display: block;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport a .surtitre {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #123E49;
  margin-bottom: 24px;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport a h3 {
  margin-top: 0;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport a h3:hover {
  text-decoration: underline;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport a .texte:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .image {
  order: 1;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .image img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto -10px;
  position: relative;
  z-index: -1;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .texte {
  order: 2;
  margin: 0;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a .image {
  order: 1;
  margin-bottom: 24px;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a .image img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a .texte {
  order: 2;
  margin: 0;
}
.pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport:last-child {
  margin-bottom: 0;
}
/* Billets de Fannie */
.pBillet #mainContent #presentationDirectrice {
  margin: 0 -20px 24px;
}
.pBillet #mainContent #presentationDirectrice #presentationDirectricePortrait {
  height: 282px;
  overflow: hidden;
}
.pBillet #mainContent #presentationDirectrice #presentationDirectricePortrait img {
  width: auto;
  height: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-42%);
}
.pBillet #mainContent #presentationDirectrice #presentationDirectriceContainer {
  background-color: #123E49;
  color: #fff;
  padding: 32px 20px;
}
.pBillet #mainContent #presentationDirectrice #presentationDirectriceContainer h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}
.pBillet #mainContent #presentationDirectrice #presentationDirectriceContainer h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin: 0 0 20px;
}
.pBillet #mainContent #presentationDirectrice #presentationDirectriceContainer p {
  font-weight: 400;
}
.pBillet #mainContent #listeBillets {
  list-style-type: none;
  padding: 0;
  margin: 24px 0 0;
}
.pBillet #mainContent #listeBillets li {
  background-color: #E3F2F3;
  border-radius: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pBillet #mainContent #listeBillets li a {
  display: block;
  padding: 24px;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.pBillet #mainContent #listeBillets li a .dateDePublication {
  color: #1D1D21;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.pBillet #mainContent #listeBillets li a h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  margin: 16px 0;
}
.pBillet #mainContent #listeBillets li a .chapeau {
  margin-bottom: 0;
}
.pBillet #mainContent #listeBillets li a .chapeau:after {
  content: "";
  width: 31px;
  height: 12px;
  display: block;
  background: url(/img/layout2021/icon-fleche_tuile.svg) no-repeat left top;
  margin-top: 16px;
}
.pBillet #mainContent #listeBillets li a:hover h2 {
  text-decoration: underline;
}
.pBillet #mainContent #listeBillets li + li {
  margin-top: 24px;
}
.sBillets #main .page header h1 {
  color: #1D1D2D;
  font-size: 40px;
  line-height: 48px;
}
.sBillets #main .page header #headerBackground {
  margin-bottom: 36px;
}
.sBillets #main .page .partages-sociaux {
  margin-top: 48px;
}
/* Page Ressources pour les parents */
.pRessourcesParentsAccueil #mainContent h2 {
  color: #ca262f;
}
/* **** Réactions seulement *** */
@media only screen and (min-width: 502px) {
  #main .reactionSolo {
    display: flex;
  }
  #main .reactionSolo .reactionImage {
    flex: 0 0 1;
    min-width: 49%;
  }
  #main .reactionSolo .reactionImage img {
    width: 100%;
    height: auto;
  }
  #main .reactionSolo .texteReaction {
    width: auto;
    padding: 0 24px;
  }
  #main .reactionSolo.style2022 .reactionImage {
    margin-right: 24px;
  }
  #main .reactionSolo.style2022 .reactionImage img {
    margin-bottom: 0;
  }
  #main .reactionSolo.style2022 .texteReaction {
    padding-top: 32px;
  }
  #main .carrouselReactions {
    margin: 0 -24px;
    padding: 0;
  }
  #main .carrouselReactions .texteReaction {
    width: auto;
    padding: 0 75px 0 24px !important;
  }
  #main .carrouselReactions .slick-prev,
  #main .carrouselReactions .slick-next {
    top: 50px;
    width: 60px;
    height: 60px;
    text-shadow: none;
  }
  #main .carrouselReactions .slick-prev:before,
  #main .carrouselReactions .slick-next:before {
    color: #000;
    opacity: 0.5;
    font-size: 60px;
    text-shadow: 0 0 0.2em #fff;
  }
  #main .carrouselReactions .slick-prev:hover:before,
  #main .carrouselReactions .slick-next:hover:before {
    opacity: 0.75;
  }
  #accueil #accueilReactions .slick-prev,
  #accueil #accueilReactions .slick-next {
    top: 60px;
  }
  #accueil #accueilReactions .texteReaction {
    padding: 32px 0 0 24px !important;
  }
}
/* **** SPECIAL - MOBILE SEULEMENT *** */
@media only screen and (max-width: 767px) {
  /* Menu section 2021 */
  #main .page.pageMenuSection .pageContainer {
    display: flex;
    flex-wrap: wrap;
  }
  #main .page.pageMenuSection .pageContainer side {
    display: block;
    order: 1;
    flex: 0 0 100%;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 {
    border: 1px solid #37383D;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 16px 42px 16px 16px;
    color: #37383D;
    position: relative;
    cursor: pointer;
    margin: 0 20px 40px;
    -webkit-transition-duration: 0.8s;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 #navigationSection2021ActualPage:after {
    content: "\f0dd";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #37383D;
    font-weight: 700;
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 26px;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 ul li {
    margin: 0;
    padding: 0;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 a {
    color: #37383D;
    text-decoration: none;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 a:hover,
  #main .page.pageMenuSection .pageContainer side #navigationSection2021 a:active {
    text-decoration: underline;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021.showSubNav {
    border-bottom: 1px solid #CAD7D8;
    border-radius: 4px 4px 0 0;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021.showSubNav ul {
    display: block;
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: #fff;
    font-size: 14px;
    width: calc(100% + 2px);
    border: 1px solid #37383D;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #CAD7D8;
    z-index: 10;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021.showSubNav ul li a {
    padding: 8px 16px;
    display: block;
    font-weight: 400;
  }
  #main .page.pageMenuSection .pageContainer side #navigationSection2021.showSubNav ul li + li {
    border-top: 1px solid #CAD7D8;
  }
  #main .page.pageMenuSection .pageContainer #pageContenu {
    order: 2;
    flex: 1;
  }
  /*** Salle de presse ***/
  .sSalleDePresse #main .page side {
    display: block;
  }
}
/* **** MID MOBILE *** */
@media only screen and (min-width: 512px) {
  #main .page header.enteteSplit {
    display: flex;
  }
  #main .page header.enteteSplit #headerPicture {
    flex: 0 0 50%;
  }
  #main .page header.enteteSplit #headerContainer {
    flex: 0 0 50%;
    padding: 24px;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* **** LARGE MOBILE *** */
@media only screen and (min-width: 642px) {
  #sectionsList #sectionsListContainer .section .sectionContainer ul li + li {
    margin-top: 0;
  }
  /*** Médias ***/
  /* Accueil */
  .pMedias #mainContent #presentationDirectrice {
    margin: 0 0 24px;
    padding: 20px;
    display: flex;
    border-radius: 10px;
  }
  .pMedias #mainContent #presentationDirectrice #presentationDirectricePhoto {
    flex: 1;
    max-width: 301px;
    margin-right: 24px;
  }
  .pMedias #mainContent #presentationDirectrice #presentationDirectriceContainer {
    flex: 1;
    padding: 0;
  }
  .pMedias #mainContent #mediasCommuniques {
    /*margin-left: -@margeIntermediaire; margin-right: -@margeIntermediaire; padding-left: @margeIntermediaire; padding-right: @margeIntermediaire;*/
  }
  .pMedias #mainContent #mediasCommuniques ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pMedias #mainContent #mediasCommuniques ul li {
    flex: 0 0 calc(50% - 12px);
  }
  .pMedias #mainContent #mediasCommuniques ul li + li {
    margin-top: 0;
  }
  .pMedias #mainContent #mediasCommuniques ul li:nth-child(n+3) {
    margin-top: 24px;
  }
  .pMedias #mainContent #mediasDonnees,
  .pMedias #mainContent #mediasPublications {
    margin-bottom: 40px;
  }
  .pMedias #mainContent #mediasDonnees a,
  .pMedias #mainContent #mediasPublications a {
    display: flex;
  }
  .pMedias #mainContent #mediasDonnees a h2,
  .pMedias #mainContent #mediasPublications a h2 {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
  }
  .pMedias #mainContent #mediasDonnees a h2 span,
  .pMedias #mainContent #mediasPublications a h2 span {
    padding: 0 calc(25% + 20px) 0 20px;
  }
  .pMedias #mainContent #mediasDonnees a h2:after,
  .pMedias #mainContent #mediasPublications a h2:after {
    align-self: flex-start;
    margin-left: 20px;
  }
  .pMedias #mainContent #mediasDonnees a:after,
  .pMedias #mainContent #mediasPublications a:after {
    flex: 1;
    max-width: 642px;
    margin: 20px 0 20px -12.5%;
    padding-top: 39.4%;
    z-index: 1;
  }
  .pMedias #mainContent #mediasPublications {
    margin-bottom: 56px;
  }
  .pMedias #mainContent #mediasPublications a h2 span {
    padding: 0 20px 0 calc(25% + 20px);
  }
  .pMedias #mainContent #mediasPublications a h2:after {
    margin-left: calc(25% + 20px);
  }
  .pMedias #mainContent #mediasPublications a:before {
    content: "";
    background: transparent url(/img/layout2021/medias/rapports_thematique.png) no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    flex: 1;
    max-width: 642px;
    margin: 20px -12.5% 20px 0;
    padding-top: 39.4%;
    z-index: 1;
  }
  .pMedias #mainContent #mediasPublications a:after {
    display: none;
  }
  .pMedias #mainContent #mediasThematiques {
    display: flex;
  }
  .pMedias #mainContent #mediasThematiques #mediasThematiquesTitre {
    flex: 1;
    margin-right: 24px;
  }
  .pMedias #mainContent #mediasThematiques h2 {
    margin: 0;
  }
  .pMedias #mainContent #mediasThematiques #mediasThematiquesContenu {
    flex: 2;
  }
  .pMedias #mainContent #groupeReseauxKit {
    display: flex;
  }
  .pMedias #mainContent #groupeReseauxKit > div {
    flex: 1;
  }
  .pMedias #mainContent #groupeReseauxKit #mediasReseauxSociaux {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer .cartesContainer {
    display: flex;
    flex-wrap: wrap;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer .cartesContainer .cartePublication {
    flex: 0 0 calc(50% - 12px);
    display: flex;
    flex-direction: column;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer .cartesContainer .cartePublication + .cartePublication {
    margin-top: 0;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer .cartesContainer .cartePublication:nth-child(2n) {
    margin-left: 24px;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer .cartesContainer .cartePublication:nth-child(n+3) {
    margin-top: 24px;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li {
    flex: 0 0 calc(50% - 12px);
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li + li {
    margin-top: 0;
  }
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section .sectionContainer ul li:nth-child(n+3) {
    margin-top: 40px;
  }
  .sRegions #sectionRapports #sectionRapportsContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sRegions #sectionRapports #sectionRapportsContainer .rapport {
    flex: 0 0 calc(50% - 12px);
  }
  .sRegions #sectionRapports #sectionRapportsContainer .rapport + .rapport {
    margin-top: 0;
  }
}
/* **** INTERMEDIATE *** */
@media only screen and (min-width: 768px) {
  .mobile {
    display: none;
  }
  .notMobile {
    display: block;
  }
  .notIntermediate {
    display: none;
  }
  .tooltip {
    margin-left: 10px;
    display: inline-block;
    vertical-align: text-top;
    cursor: help;
    position: relative;
    /* Tooltip arrow back */
    /* Tooltip arrow fton */
    /* Show the tooltip text when you mouse over the tooltip container */
  }
  .tooltip .tooltip-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: url(/img/layout2021/icon-infobulle.svg) no-repeat;
    background-size: contain;
    font-size: 0;
    text-indent: -1000px;
    overflow: hidden;
  }
  .tooltip .tooltip-text {
    visibility: hidden;
    width: 300px;
    height: auto;
    background-color: #FFFDF4;
    border: 1px solid #123E49;
    color: #123E49;
    text-align: left;
    padding: 16px;
    border-radius: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    line-height: 18px;
    font-weight: 400;
    box-shadow: 0px 3px 6px #00000029;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: auto;
    transform: translateY(calc(50% - 16px));
    left: 31px;
    margin-left: 0;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }
  .tooltip .tooltip-text::before,
  .tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: calc(50% - 5px);
    left: -10px;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #123E49 #123E49 transparent;
  }
  .tooltip .tooltip-text::after {
    z-index: 3;
    top: calc(50% - 6px);
    left: -8px;
    border-color: transparent #FFFDF4 #FFFDF4 transparent;
  }
  .tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
  }
  #mainHeader {
    height: 100px;
  }
  #mainHeader #logo {
    padding: 27px 0 0 20px;
  }
  #mainHeader #logo img {
    width: 186px;
    height: 47px;
  }
  #mainHeader #headerFoldIn #afficherMenuMobile {
    text-decoration: none;
    top: 33px;
    right: 20px;
    /*span.label {display: inline; margin-right: 15px; font-size: 16px; line-height: 24px; font-weight: 600; vertical-align: middle; color: @noir;}
			img { vertical-align: middle;}*/
  }
  #mainHeader #headerFoldIn #headerFoldInContainer {
    top: 101px;
    width: 260px;
    right: 0;
    left: auto;
    position: absolute;
    height: auto;
    max-height: 1000px;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer2 {
    padding-top: 25px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
  }
  #mainHeader #headerFoldIn #headerFoldInContainer2 #backToHomePage,
  #mainHeader #headerFoldIn #headerFoldInContainer2 #fermerMenuMobile {
    display: none !important;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer {
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
  }
  #mainHeader #headerFoldIn.menuOuvert #headerFoldInContainer {
    display: block;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  #mainHeader #navigationPrincipale,
  #mainHeader #navigationSecondaire {
    /*ul li a {font-size: 20px; padding: 12px 0;}*/
  }
  #mainHeader nav#filAriane {
    top: 100px;
  }
  #mainHeader nav#filAriane ul li + li + li + li {
    display: inline-block !important;
  }
  #mainHeader #traduction {
    right: 87px;
    font-size: 0.9em;
    text-transform: uppercase;
  }
  #mainHeader #traduction span:after {
    content: " /";
  }
  #mainHeader #navGrosMenu {
    top: 0;
  }
  #mainHeader #navGrosMenu #navGrosMenuContainer {
    overflow-y: scroll;
  }
  #mainHeader #navGrosMenu #navGrosMenuDonnees {
    padding-top: 32px;
  }
  #filAriane2021 ol li {
    display: inline-block;
  }
  #filAriane2021 ol li a {
    margin-right: 10px;
  }
  #filAriane2021 ol li a:before {
    display: none !important;
  }
  #filAriane2021 ol li a:after {
    display: inline-block;
    content: "";
    color: #CA262F;
    margin-left: 8px;
    width: 6px;
    height: 11px;
    background: url("/img/layout2021/chevron.svg") no-repeat;
    background-size: contain;
  }
  #filAriane2021 ol li:last-child {
    color: #A5A5A5;
    margin-right: 0;
  }
  #main .zoneTexte .boiteGrise,
  #main .zoneTexte .boiteOrange {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  #main .zoneTexte .colonnes {
    display: flex;
    gap: 24px;
  }
  #main .zoneTexte .colonnes .colonne {
    flex: 1;
  }
  #main .zoneTexte .colonnes .colonne + .colonne {
    margin-top: 0;
  }
  #main .grandeZoneVideo {
    height: 365px;
  }
  #main .grandeZoneVideo a {
    padding: 75px 24px 0;
  }
  #main .grandeZoneVideo a h2 {
    margin: 0;
  }
  #main .grandeZoneVideo a h2 strong {
    font-size: 1.5em;
  }
  #main .grandeZoneVideo a h2:after {
    background-image: url(/img/layout/accueil/play.png);
    width: 120px;
    height: 120px;
    bottom: -140px;
    margin-left: -60px;
  }
  #main .blocCitation {
    padding-top: 32px;
    padding-left: 111px;
    margin: 64px 0;
  }
  #main .blocCitation blockquote {
    font-size: 24px;
    line-height: 34px;
  }
  #main .blocCitation blockquote:before {
    width: 88px;
    height: 65px;
    background-size: 88px;
    left: -111px;
    top: -32px;
  }
  #main #auteur {
    display: flex;
    background-color: #E3F2F3;
    border-radius: 0 10px 10px 0;
  }
  #main #auteur #auteurPhoto {
    flex: 0 0 93px;
  }
  #main #auteur #auteurPresentation {
    padding: 0 32px 0;
    line-height: 25px;
  }
  #main .signatureAuteur {
    display: flex;
    background-color: #E3F2F3;
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 32px;
  }
  #main .signatureAuteur .photo {
    margin-right: 32px;
  }
  #mainFooter #groupeNavInfolettre {
    display: flex;
    padding: 64px 20px 42px;
    gap: 32px;
  }
  #mainFooter #groupeNavInfolettre #footerNav {
    flex: 1;
    border-right: 1px solid #CAD7D8;
    padding-right: 32px;
  }
  #mainFooter #groupeNavInfolettre #footerNav #navigationFooterSecondaire {
    border-bottom: none;
    margin-bottom: 0;
  }
  #mainFooter #groupeNavInfolettre #footerNav #navigationFooterSecondaire li:last-child {
    margin-bottom: 0;
  }
  #mainFooter #groupeNavInfolettre #footerInfolettre {
    flex: 1;
    align-items: flex-start;
    margin-top: 0;
    text-align: left;
    border-right: 1px solid #CAD7D8;
    padding-right: 32px;
  }
  #mainFooter #groupeNavInfolettre #footerInfolettre h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
  }
  #mainFooter #groupeNavInfolettre #footerInfolettre #footerSocial ul {
    justify-content: flex-start;
  }
  #mainFooter #groupeNavInfolettre #footerInfolettre #footerSocial ul li {
    padding: 0 40px 0 0;
  }
  #mainFooter #groupeNavInfolettre #footerInfolettre #footerSocial ul li:last-child {
    padding-right: 0;
  }
  #mainFooter #groupeNavInfolettre #footerRessourcesParents {
    margin-top: 0;
    flex: 1;
  }
  /*** Liste de tuiles (Actualités, Événements) ***/
  #main ul.listeTuiles.avecVedette li:first-child {
    flex: 0 1 100%;
    max-width: 100%;
    margin-bottom: 60px;
  }
  #main ul.listeTuiles.avecVedette li:first-child a {
    display: flex;
  }
  #main ul.listeTuiles.avecVedette li:first-child a .tuilePhoto {
    flex: 1;
    max-width: 500px;
    margin-right: 24px;
  }
  #main ul.listeTuiles.avecVedette li:first-child a .tuileContainer {
    flex: 1;
    padding-left: 0;
  }
  #main ul.listeTuiles.avecVedette li:first-child a .tuileContainer .titreTuile {
    margin-bottom: 0;
  }
  /*** Page générique ***/
  #main .page header .dateDePublication {
    font-size: 16px;
    line-height: 19px;
  }
  #main .page #headerBackground {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-bottom: 56px;
  }
  #main .page header.enteteSplit #headerContainer .titreDePage {
    font-size: 24px;
    line-height: 32px;
  }
  #main .page #pageContenu {
    display: block;
    padding-left: 24px;
    padding-right: 24px;
  }
  #main .page side {
    display: block;
    padding: 60px 24px;
    position: relative;
    /*&:after {content: ""; position: absolute; top: 40px; right: -15px; .arrow-right(15px, @jaune);}*/
  }
  #main .page side #exergue {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 1.2857em;
    text-align: right;
    position: relative;
    margin-bottom: 60px;
  }
  #main .page side #exergue:after {
    content: "";
    height: 7px;
    width: 100px;
    background-color: #fff;
    display: block;
    margin-top: 15px;
    position: absolute;
    right: 0;
  }
  #main .page side #exergue .sourceExergue {
    font-size: 0.6em;
    text-transform: normal;
    display: block;
  }
  #main .page side .videoLightBox {
    margin: 0 -24px 30px;
    position: relative;
  }
  #main .page side .videoLightBox img.playButton {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -50px;
  }
  #main .page side .videoLightBox img.thumbnail {
    width: 100%;
    height: auto;
  }
  #main .page.pageMenuSection #pageContainer {
    display: flex;
    justify-content: space-between;
  }
  #main .page.pageMenuSection #pageContenu {
    order: 1;
    flex: 1;
    padding-right: 0;
    padding-top: 0;
  }
  #main .page.pageMenuSection side {
    order: 2;
    flex: 0 0 225px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: -9px;
    margin-left: 100px;
  }
  #main .page.pageMenuSection side #navigationSection2021 {
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    color: #1D1D21;
    position: relative;
    cursor: pointer;
  }
  #main .page.pageMenuSection side #navigationSection2021 #navigationSection2021ActualPage {
    display: none;
  }
  #main .page.pageMenuSection side #navigationSection2021 ul {
    display: block;
    margin: 0;
    padding: 0;
    position: static;
    list-style-type: none;
  }
  #main .page.pageMenuSection side #navigationSection2021 ul li {
    margin: 0;
    padding: 0;
  }
  #main .page.pageMenuSection side #navigationSection2021 ul li a {
    color: #1D1D21;
    text-decoration: none;
    padding: 9px 24px 9px 0;
    display: block;
  }
  #main .page.pageMenuSection side #navigationSection2021 ul li a:hover,
  #main .page.pageMenuSection side #navigationSection2021 ul li a:active {
    text-decoration: underline;
  }
  #main .page.pageMenuSection side #navigationSection2021 ul li + li {
    border-top: 1px solid #1d1d21;
    border-color: rgba(29, 29, 33, 0.25);
  }
  #main .page.pageMenuSection side #navigationSection2021 ul li.current a {
    font-weight: 800;
  }
  #main .page #coordonnees {
    background-color: #EEEEEE;
    margin-top: 56px;
    padding: 20px;
    border-radius: 10px;
  }
  #main .page #coordonnees h4 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
  }
  /*** Accueil ***/
  #accueil #accueilPresentation {
    position: relative;
  }
  #accueil #accueilPresentation #accueilPresentationContainer {
    padding: 24px 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    width: 50%;
    border-radius: 0 40px 40px 40px;
    background-color: #1D1D21;
    background-color: rgba(29, 29, 33, 0.55);
  }
  #accueil #accueilPresentation #accueilPresentationContainer strong {
    color: #FFFFFF;
  }
  #accueil #accueilOutils {
    margin: 0 24px 24px;
  }
  #accueil #accueilOutils #accueilOutilsContainer {
    display: flex;
    justify-content: center;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil {
    flex: 1;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil .image {
    flex: 0 0 96px;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil .lienFleche {
    font-size: 18px;
    line-height: 26px;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil .lienFleche:after {
    margin-top: 11px;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil + .outil {
    margin-top: 0;
    margin-left: 24px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a {
    display: flex;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineContainer {
    padding: 20px calc(13.5% + 20px) 20px 20px;
    flex: 0 0 51%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineContainer .typeLabel {
    margin-top: 0px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineImage {
    flex: 1;
    margin: 20px 0 20px -13.5%;
    z-index: 2;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple {
    display: flex;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline {
    flex: 1;
    display: flex;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline a {
    display: flex;
    flex-direction: column;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline a .headlineContainer {
    flex: 1;
    order: 2;
    padding: 64px 20px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline a .headlineContainer .typeLabel {
    margin-top: 0;
    position: absolute;
    top: 20px;
    left: 20px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline a .headlineImage {
    margin-top: 0;
    margin-bottom: -10px;
    order: 1;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline + .headline {
    margin-left: 24px;
    margin-top: 0;
  }
  #accueil #accueilDonnees {
    padding: 40px 24px 45px;
  }
  #accueil #accueilDonnees .intro {
    margin-bottom: 40px;
  }
  #accueil #accueilDonnees #indicateursContainer {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
  }
  #accueil #accueilDonnees #premierIndicateur {
    margin: 0 24px 0 0;
    flex: 1;
  }
  #accueil #accueilDonnees #accueilListeIndicateurs {
    flex: 1;
  }
  #accueil #accueilDonnees #accueilListeIndicateurs #accueilDonneesLienTheme {
    margin-bottom: 0;
  }
  #accueil #accueilInfolettre {
    padding: 32px 24px 32px;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer {
    padding: 40px;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer h2 {
    display: flex;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer h2:before {
    margin: 0 48px 0 0;
    flex: 0 0 130px;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer h2 span {
    text-align: left;
    flex: 1;
  }
  #accueil #accueilActualites {
    margin: 40px 24px 80px;
    /*ul {display: flex;
				li {flex: 1; margin-bottom: 0; margin-right: 24px;}
				li:last-child {margin-right: 0;}
			}*/
  }
  #accueil #accueilActualites h2.titrePrincipal {
    margin: 0 0 40px;
  }
  #accueil #accueilDossiers {
    margin: 40px 24px 80px;
  }
  #accueil #accueilDossiers h2.titrePrincipal {
    margin: 0 0 40px;
  }
  #accueil #accueilDossiers ul {
    display: flex;
  }
  #accueil #accueilDossiers ul li {
    flex: 1;
    margin-bottom: 0;
    margin-right: 24px;
  }
  #accueil #accueilDossiers ul li:last-child {
    margin-right: 0;
  }
  #accueil #accueilSurLeRadar {
    margin: 40px 10px 50px;
    padding-right: 32px;
    background-size: auto 193px;
    height: 193px;
  }
  #accueil #accueilSurLeRadar #accueilSurLeRadarContainer {
    background-position: right 130px bottom -80px;
    background-size: 285px;
    border-radius: 10px;
    padding: 0;
    height: 193px;
  }
  #accueil #accueilSurLeRadar #accueilSurLeRadarContainer a {
    text-decoration: none;
    position: relative;
    display: block;
    height: 193px;
  }
  #accueil #accueilSurLeRadar #accueilSurLeRadarContainer a strong {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8%;
    width: 56%;
  }
  #accueil #accueilSurLeRadar #accueilSurLeRadarContainer a h2.bouton {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 39px;
  }
  #accueil #accueilReactions {
    padding: 40px 24px;
  }
  #accueil #accueilPortrait {
    margin: 40px 24px;
  }
  #accueil #accueilPortrait h2.titrePrincipal {
    margin: 0 0 48px;
  }
  #accueil #accueilPortrait #accueilPortraitContainer {
    display: flex;
  }
  #accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre {
    padding: 20px calc(12.5% + 24px) 20px 24px;
    flex: 0 0 51%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitImage {
    flex: 1;
    margin: 20px 0 20px -12.5%;
    z-index: 2;
  }
  #accueil #accueilBillets {
    margin: 40px 24px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  #accueil #accueilBillets #accueilBilletsContainer {
    display: flex;
  }
  #accueil #accueilBillets #accueilBilletsPhoto {
    flex: 0 0 40%;
    max-width: 386px;
  }
  #accueil #accueilBillets #accueilBilletsPhoto img {
    margin-bottom: 0;
  }
  #accueil #accueilBillets #accueilBilletsTexte {
    flex: 1;
    margin-left: 24px;
  }
  /*** L'Observatoire ***/
  /* Notre approche */
  .pApproche #main h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .pApproche #main h3 {
    font-size: 32px;
    line-height: 40px;
  }
  /*** Données ***/
  .sDonnees #main header #headerContainer {
    padding-left: 24px;
    padding-right: 24px;
  }
  .sDonnees #main header #headerContainer #definition {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  /* Accueil Données */
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension {
    flex: 0 0 calc(50% - 12px);
    margin-bottom: 0;
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(2n) {
    margin-left: 24px;
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(n+3) {
    margin-top: 24px;
  }
  .pDonnees #main #donneesMainContent .dimension:nth-child(2n) {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  /* Indicateur */
  #indicateur .tiroir .tiroirContenu {
    padding-left: 24px;
    padding-right: 24px;
  }
  #indicateur .blocDonnees {
    padding-left: 24px;
    padding-right: margeIntermediaire;
    margin-left: -24px;
    margin-right: -24px;
  }
  #indicateur .blocDonnees .graphInfo .graphInfoLine {
    justify-content: center;
  }
  #indicateur #graphiquesProvinciaux {
    overflow: auto;
  }
  #indicateur #graphiquesProvinciaux .unDeDeux,
  #indicateur #graphiquesProvinciaux .deuxDeDeux,
  #indicateur #graphiquesProvinciaux .unDeTrois,
  #indicateur #graphiquesProvinciaux .deuxDeTrois,
  #indicateur #graphiquesProvinciaux .troisDeTrois {
    width: calc(50% - 12px);
    display: inline-block;
    float: left;
    vertical-align: top;
  }
  #indicateur #graphiquesProvinciaux .deuxDeDeux,
  #indicateur #graphiquesProvinciaux .deuxDeTrois,
  #indicateur #graphiquesProvinciaux .troisDeTrois {
    float: right;
  }
  #indicateur #graphiquesProvinciaux .unDeTrois {
    height: 400px;
    margin-top: 100px;
  }
  #indicateur #graphiquesProvinciaux .unDeTrois .graphiqueContainer {
    height: 400px;
  }
  #indicateur #graphiquesProvinciaux .deuxDeTrois {
    margin-bottom: 10px;
  }
  #indicateur #graphiquesProvinciaux .deuxDeTrois,
  #indicateur #graphiquesProvinciaux .troisDeTrois {
    height: 300px;
  }
  #indicateur #graphiquesProvinciaux .deuxDeTrois .graphiqueContainer,
  #indicateur #graphiquesProvinciaux .troisDeTrois .graphiqueContainer {
    height: 300px;
  }
  #indicateur.graphiquesPleinePage #graphiquesProvinciaux .graphique {
    width: 100% !important;
    height: 400px !important;
    display: block !important;
    float: none !important;
    margin-top: 0 !important;
  }
  #indicateur.graphiquesPleinePage #graphiquesProvinciaux .graphique .graphiqueContainer {
    height: 400px !important;
  }
  /* Liste d'indicateurs */
  #listeIndicateurs .indicateur,
  #listeIndicateursArchives .indicateur {
    flex: 0 0 calc(50% - 12px);
  }
  #listeIndicateurs .indicateur .indicateurContainer,
  #listeIndicateursArchives .indicateur .indicateurContainer {
    padding: 24px 24px 40px;
  }
  #listeIndicateurs .indicateur:nth-child(2n),
  #listeIndicateursArchives .indicateur:nth-child(2n) {
    margin-left: 24px;
  }
  #listeIndicateurs .indicateur:nth-child(4n+3),
  #listeIndicateursArchives .indicateur:nth-child(4n+3) {
    border-color: #F16A1E;
  }
  #listeIndicateurs .indicateur:nth-child(4n),
  #listeIndicateursArchives .indicateur:nth-child(4n) {
    border-color: #FFC700;
  }
  /* Thème */
  .sDonnees #theme #referencesIndicateur {
    padding: 24px;
  }
  /*	#main .listeTuilesWrapper {margin-left: @margeIntermediaire; margin-right: @margeIntermediaire;}*/
  /*** Actualités ***/
  /* Année */
  .sActualites #main #navigationSection ul li a {
    font-size: 1em;
  }
  /*** Évènements ***/
  /* Année */
  .sEvenements #main #navigationSection ul li a {
    font-size: 1em;
  }
  /*** Contact ***/
  #contact #blocsContact {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 88px;
  }
  #contact #blocsContact .bloc {
    flex: 1;
    min-width: 40%;
    max-width: 50%;
  }
  #contact #blocsContact .bloc:nth-child(2n) {
    margin-left: 24px;
  }
  #contact .bloc .blocContainerContent {
    padding: 0 24px;
  }
  #contact .bloc + .bloc {
    margin-top: 0;
  }
  #contact .bloc:nth-child(n+3) {
    margin-top: 88px;
  }
  /*** Pages Contact ***/
  #main #formulaireContact.page .umbraco-forms-form {
    padding: 24px;
  }
  /*** Salle de presse ***/
  #reseauDAppuiFormulaires .colonnes {
    display: table;
  }
  #reseauDAppuiFormulaires .colonne {
    display: table-cell;
    width: 50%;
    padding-right: 20px;
    vertical-align: center;
    margin-bottom: 0;
  }
  #reseauDAppuiFormulaires .colonne + .colonne {
    padding: 0 0 0 20px;
  }
  /*** Médias ***/
  /* Accueil */
  .pMedias #mainContent #presentationDirectrice {
    padding: 24px;
  }
  .pMedias #mainContent #mediasCommuniques {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .pMedias #mainContent #mediasDonnees a h2 span,
  .pMedias #mainContent #mediasPublications a h2 span {
    padding: 0 calc(25% + 24px) 0 24px;
  }
  .pMedias #mainContent #mediasDonnees a h2:after,
  .pMedias #mainContent #mediasPublications a h2:after {
    margin-left: 24px;
  }
  .pMedias #mainContent #mediasPublications a h2 span {
    padding: 0 24px 0 calc(25% + 24px);
  }
  .pMedias #mainContent #mediasPublications a h2:after {
    margin-left: calc(25% + 24px);
  }
  .pMedias #mainContent #mediasThematiques {
    padding-left: 24px;
    padding-right: 24px;
  }
  /*** Publications - Accueil ***/
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  /* Reactions portrait annuel (Accueil et Portrait 2016) */
  #main #reactions,
  #main #accueilReactions {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  #main #reactions h2.sousTitre,
  #main #accueilReactions h2.sousTitre {
    margin-bottom: 55px;
  }
  #reactionsList {
    padding: 0 180px;
  }
  #reactionsList .reaction.hasImage {
    display: flex;
  }
  #reactionsList .reaction.hasImage img {
    margin: 0 35px 0 0;
    float: left;
  }
  #reactionsList .slick-prev {
    left: 30px;
  }
  #reactionsList .slick-next {
    right: 30px;
  }
  .pRapportAnnuel2016 #main #reactions {
    margin-top: 100px;
    padding-bottom: 80px;
  }
  /* Section Réactions */
  .pReactions #main .page #pageContainer #pageContenu #mainReaction {
    margin: 0 0 60px;
  }
  .pReactions #main .page #pageContainer #pageContenu #listeReactions {
    display: flex;
    justify-content: space-between;
  }
  .pReactions #main .page #pageContainer #pageContenu #listeReactions .reactionSolo {
    display: block;
    flex: 0 1 calc(33.3% - 16px);
    margin-bottom: 0;
  }
  .pReactions #main .page #pageContainer #pageContenu #listeReactions .reactionSolo .reactionImage {
    margin-bottom: 15px;
  }
  .pReactions #main .page #pageContainer #pageContenu #listeReactions .reactionSolo .texteReaction {
    padding-left: 0;
    padding-right: 0;
  }
  .pReactions #main .page #pageContainer #pageContenu #menuReactions {
    margin-top: 30px;
  }
  .pReactions #main .page #pageContainer #pageContenu #menuReactions .reactionsParThemeNav {
    margin-bottom: 0px;
  }
  #main .reactionSolo .texteReaction {
    padding: 0 24px;
  }
  #main .carrouselReactions {
    margin: 0 -24px;
  }
  #main .carrouselReactions .slick-prev,
  #main .carrouselReactions .slick-next {
    top: 70px;
  }
  .pReactionsParThematique #main #pageContenu {
    width: 100%;
  }
  .pReactionsParThematique #main #pageContenu .reactionSolo {
    margin-bottom: 60px;
  }
  /* Question du mois */
  #main #QuestionDuMois {
    margin: 60px -24px 0;
    padding: 55px 40px;
  }
  #main #QuestionDuMois h2 {
    margin-top: 0;
    font-size: 3em;
  }
  #main #QuestionDuMois #QuestionDuMoisContainer {
    display: flex;
  }
  #main #QuestionDuMois #laQuestion {
    flex: 1;
    margin-right: 20px;
  }
  #main #QuestionDuMois #laQuestion .fieldLabel {
    font-size: 1.8em;
  }
  #main #QuestionDuMois #laQuestion .radiobuttonlist label {
    font-size: 1.1em;
  }
  #main #QuestionDuMois #laQuestion .radiobuttonlist input {
    margin-top: 3px;
  }
  #main #QuestionDuMois #laQuestion .btn {
    width: 230px;
  }
  #main #QuestionDuMois #lesResultats {
    margin-top: 0;
    flex: 0 1 330px;
  }
  #pageChiffre.page #pageContenu {
    width: 100%;
  }
  #pageChiffre.page #pageExtra {
    display: none;
  }
  #pageChiffre.page .introduction {
    font-size: 1.3em;
    max-width: 700px;
    margin: 0 auto;
  }
  #sectionBalados.accueil header {
    padding-left: 24px;
    padding-right: 24px;
  }
  #sectionBalados.accueil header h2 {
    font-size: 2.5em;
    max-width: 450px;
  }
  #sectionBalados.accueil header #headerDescription {
    margin: 42px -24px 0;
    padding: 48px 99px;
  }
  /* Régions */
  .sRegions #mainContent .blocDimension .tiroirTitre {
    padding: 52px 36px 52px 56px;
  }
  .sRegions #mainContent .blocDimension h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .sRegions #mainContent .blocDimension .tiroirContenu {
    margin: 0 16px;
  }
  .sRegions #mainContent .blocDimension .listeDonnees ul {
    padding-bottom: 16px;
  }
  .sRegions #mainContent .section + .section {
    margin-top: 60px;
  }
  /* Thématiques */
  .sThemes .pageThematique #listeReactions .reactionSolo {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .sThemes .pageThematique #sectionsList #sectionsListContainer .section {
    padding-bottom: 0;
  }
  .sThemes .pageThematique #Dossiers .segment h3.titrePrincipal {
    font-size: 32px;
    line-height: 32px;
  }
  .sThemes .pageThematique #Dossiers .segment.elementSolo .cartePublication {
    display: flex;
    padding-bottom: 24px;
  }
  .sThemes .pageThematique #Dossiers .segment.elementSolo .cartePublication .lienImage {
    flex: 0 1 48.9%;
    margin-right: 24px;
    max-width: 500px;
  }
  .sThemes .pageThematique #Dossiers .segment.elementSolo .cartePublication .publicationContainer {
    flex: 1;
  }
  .sThemes .pageThematique #Dossiers .segment.elementSolo:last-child .cartePublication {
    padding-bottom: 0;
  }
  .sThemes .pageThematique #Dossiers .segment:not(.elementSolo) .segmentContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sThemes .pageThematique #Dossiers .segment:not(.elementSolo) .segmentContainer .cartePublication {
    flex: 0 0 calc(50% - 12px);
  }
  .sThemes .pageThematique #Dossiers .segment + .segment {
    margin-top: 64px;
  }
  .sThemes .pageThematique #Outils #segmentInfographies,
  .sThemes .pageThematique #Outils #segmentPowerpoints {
    margin: 0 -24px;
    padding: 56px 24px;
  }
  .sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles,
  .sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles {
    display: block;
    column-count: 2;
    column-gap: 24px;
    /* 5 columns for larger screens */
  }
  .sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles .grid-sizer,
  .sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles .grid-sizer {
    width: 50%;
    margin-bottom: 0 !important;
  }
  .sThemes .pageThematique #Outils #segmentInfographies ul.listeTuiles li,
  .sThemes .pageThematique #Outils #segmentPowerpoints ul.listeTuiles li {
    width: 50%;
  }
  .sThemes .pageThematique #Outils #segmentBrochures h3 {
    margin-top: 56px;
  }
  .sThemes .pageThematique #Outils #segmentBrochures ul#listeBrochures li a {
    gap: 32px;
  }
  .sThemes .pageThematique #Outils #segmentBrochures ul#listeBrochures li a .tuilePhoto {
    flex: 0 0 132px;
  }
  .sThemes .pageThematique #Outils #segmentBrochures ul#listeBrochures li a .tuileContainer .categorie {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
  }
  .sThemes .pageThematique #Outils #segmentBrochures ul#listeBrochures li a .tuileContainer .titre {
    font-size: 18px;
    line-height: 24px;
    gap: 26px;
  }
  /* Municipalités */
  .pMunicipalites #mainContent .page header {
    min-height: 420px;
    padding-bottom: 204px;
  }
  .pMunicipalites #mainContent .page header:before {
    background-size: auto 420px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .pMunicipalites #mainContent .page header h1 {
    font-size: 36px;
    line-height: 45px;
  }
  .pMunicipalites #mainContent .page header:after {
    height: 174px;
    background-size: 760px;
  }
  .pMunicipalites #mainContent .page #sondageMunicipalites a {
    flex-direction: row;
    margin: 40px 0;
  }
  .pMunicipalites #mainContent .page #sondageMunicipalites a .image {
    order: 2;
    flex: 1;
    margin: 22px 0 22px -13%;
    z-index: 1;
    align-self: center;
  }
  .pMunicipalites #mainContent .page #sondageMunicipalites a .image img {
    margin: 0;
  }
  .pMunicipalites #mainContent .page #sondageMunicipalites a .texte {
    order: 1;
    padding-right: calc(13% + 20px);
    flex: 0 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos {
    display: flex;
    flex-wrap: wrap;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video {
    flex: 0 1 calc(50% - 12px);
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video + .video {
    margin-top: 0;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video:nth-child(2n) {
    margin-left: 24px;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a {
    flex-direction: row;
    margin: 40px 0;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .image {
    order: 2;
    flex: 1;
    margin: 22px 0 22px -13%;
    z-index: 1;
    align-self: center;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .image img {
    margin: 0;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .texte {
    order: 1;
    padding-right: calc(13% + 20px);
    flex: 0 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a {
    flex-direction: row;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a .image {
    margin: 0 24px 0 0;
    flex: 1;
    max-width: 294px;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a .texte {
    flex: 2;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne.alt a .image {
    order: 2;
    margin: 0 0 0 24px;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne.alt a .texte {
    order: 1;
  }
  /* Billets de Fannie */
  .pBillet #mainContent #presentationDirectrice {
    margin: 0 -24px 24px;
  }
  .pBillet #mainContent #presentationDirectrice #presentationDirectricePortrait {
    height: 352px;
  }
  .pBillet #mainContent #presentationDirectrice #presentationDirectricePortrait img {
    transform: translateX(-45%);
  }
  .pBillet #mainContent #listeBillets {
    display: flex;
    flex-wrap: wrap;
  }
  .pBillet #mainContent #listeBillets li {
    flex: 0 0 calc(50% - 12px);
    margin-bottom: 24px;
  }
  .pBillet #mainContent #listeBillets li + li {
    margin-top: 0;
  }
  .pBillet #mainContent #listeBillets li:nth-child(2n) {
    margin-left: 24px;
  }
  /* --- Balados, version 2023 --- */
  /* Accueil d'un balado */
  .sBalados #page #podcastIntro {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .sBalados #page #listeEpisodes ul li a .thumbnail {
    margin-right: 24px;
  }
  .sBalados #page #listeEpisodes ul li a .container {
    align-self: center;
  }
  .sBalados #page #listeEpisodes ul li a .container .titre {
    font-size: 24px;
    line-height: 30px;
  }
  .sBalados #page .autresPlateformes ul {
    gap: 32px;
  }
  .sBalados #page.episodeBalado #podcastIntro {
    display: flex;
    flex-wrap: wrap;
  }
  .sBalados #page.episodeBalado #podcastIntro .photoContainer {
    flex: 0 0 32%;
    max-width: 324px;
    margin-right: 24px;
  }
  .sBalados #page.episodeBalado #podcastIntro .photoContainer .autresPlateformes {
    display: block;
  }
  .sBalados #page.episodeBalado #podcastIntro > .texteContainer {
    flex: 1;
  }
  .sBalados #page.episodeBalado #podcastIntro > .texteContainer #introTexte {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
  }
  .sBalados #page.episodeBalado #podcastIntro > .texteContainer #introTexte .intro {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
  }
  .sBalados #page.episodeBalado #podcastIntro > .texteContainer .autresPlateformes {
    display: none;
  }
  .sBalados #page.episodeBalado #episodeReferences {
    flex: 0 0 100%;
  }
  .sBalados #page.episodeBalado #episodeReferences .episodeReference a {
    flex-direction: row;
    border-radius: 0 10px 10px 0;
  }
  .sBalados #page.episodeBalado #episodeReferences .episodeReference a .photo {
    flex: 0 0 325px;
    margin: 0;
  }
  .sBalados #page.episodeBalado #episodeReferences .episodeReference a .texte {
    flex: 1;
  }
}
@media only screen and (max-width: 1023px) {
  #main #sectionsTabs {
    border: 1px solid #37383D;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 16px 42px 16px 16px;
    color: #37383D;
    position: relative;
    cursor: pointer;
    margin: 40px 0;
    -webkit-transition-duration: 0.8s;
  }
  #main #sectionsTabs #sectionActive:after {
    content: "\f0dd";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #37383D;
    font-weight: 700;
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 26px;
  }
  #main #sectionsTabs ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #main #sectionsTabs ul li {
    margin: 0;
    padding: 0;
  }
  #main #sectionsTabs a {
    color: #37383D;
    text-decoration: none;
  }
  #main #sectionsTabs a:hover,
  #main #sectionsTabs a:active {
    text-decoration: underline;
  }
  #main #sectionsTabs.showSubNav {
    border-bottom: 1px solid #CAD7D8;
    border-radius: 4px 4px 0 0;
  }
  #main #sectionsTabs.showSubNav ul {
    display: block;
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: #fff;
    font-size: 14px;
    width: calc(100% + 2px);
    border: 1px solid #37383D;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #CAD7D8;
    z-index: 2;
  }
  #main #sectionsTabs.showSubNav ul li a {
    padding: 8px 16px;
    display: block;
    font-weight: 400;
  }
  #main #sectionsTabs.showSubNav ul li + li {
    border-top: 1px solid #CAD7D8;
  }
}
/* **** ALMOST WIDE *** */
/* 1024px centre */
@media only screen and (min-width: 1024px) {
  .notIntermediate {
    display: block;
  }
  #main {
    overflow: hidden;
  }
  #main #sectionsTabs {
    margin-top: 80px;
  }
  #main #sectionsTabs #sectionActive {
    display: none;
  }
  #main #sectionsTabs ul {
    display: flex;
    margin: 0;
    border-bottom: 4px solid #1D1D21;
    list-style-type: none;
  }
  #main #sectionsTabs ul li {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
  }
  #main #sectionsTabs ul li a {
    color: #1D1D21;
    text-decoration: none;
    display: flex;
    height: 29px;
    margin-bottom: -1px;
  }
  #main #sectionsTabs ul li a:hover {
    text-decoration: underline;
  }
  #main #sectionsTabs ul li a:before {
    content: "";
    display: block;
    width: 30px;
    height: 29px;
  }
  #main #sectionsTabs ul li a:after {
    content: "";
    display: block;
    width: 30px;
    height: 29px;
  }
  #main #sectionsTabs ul li + li {
    margin-left: 16px;
  }
  #main #sectionsTabs ul li.active a {
    color: #ffffff;
    text-decoration: none;
  }
  #main #sectionsTabs ul li.active a:before,
  #main #sectionsTabs ul li.active a:after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    background: url(/img/layout2021/tab_noir.svg) no-repeat left bottom;
    background-size: auto 100%;
  }
  #main #sectionsTabs ul li.active a:after {
    background-position: right bottom;
  }
  #main #sectionsTabs ul li.active a span {
    display: block;
    background-color: #1D1D21;
  }
  #mainHeader #mainHeaderContainer {
    display: flex;
  }
  #mainHeader #logo {
    flex: 0 0 206px;
  }
  #mainHeader #headerFoldIn {
    flex: 1;
  }
  #mainHeader #headerFoldIn #afficherMenuMobile {
    display: none;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer {
    transform: none !important;
    position: static;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    overflow: visible;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer2 {
    padding: 0;
    background-color: transparent;
    height: 100%;
    overflow: visible;
    display: flex;
    position: static;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer2 #backToHomePage,
  #mainHeader #headerFoldIn #headerFoldInContainer2 #fermerMenuMobile {
    display: none !important;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer2 #formRecherche {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin-bottom: 0;
    margin-right: 20px;
    order: 2;
    flex: 0 0 20vw;
    max-width: 285px;
    padding-top: 40px;
  }
  #mainHeader #navigationPrincipale {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    flex: 1;
    order: 1;
    padding-top: 50px;
  }
  #mainHeader #navigationPrincipale ul {
    display: flex;
    justify-content: space-evenly;
  }
  #mainHeader #navigationPrincipale ul li {
    display: inline-block;
  }
  #mainHeader #navigationPrincipale ul li a {
    font-size: 16px;
    padding: 0;
  }
  #mainHeader #navigationPrincipale ul li a:hover {
    color: #ca262f;
    text-decoration: underline;
  }
  #mainHeader #navigationPrincipale ul li.current a {
    padding-bottom: 0;
    border-bottom: 2px solid #ca262f;
  }
  #mainHeader #navigationPrincipale ul li.current a:hover {
    text-decoration: none;
  }
  #mainHeader #navigationPrincipale ul li.mInfolettre {
    margin-left: 1%;
    display: none;
  }
  #mainHeader #navigationPrincipale ul li.mInfolettre a {
    font-size: 16px;
    padding-left: 62px;
    background-size: 53px;
    background-position: left top 4px;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes a {
    padding-right: 22px;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes a:after {
    transform: translateY(-40%) rotate(90deg);
    margin-left: 0;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes.active a {
    color: #fff;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes.active a:before {
    content: "";
    display: block;
    position: absolute;
    width: 270px;
    height: 50px;
    z-index: -1;
    background: url(/img/layout2021/tab-rouge.svg) no-repeat;
    background-size: contain;
    left: -51px;
    top: 0;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes.active a:after {
    transform: translateY(-40%) rotate(-90deg);
    filter: 'brightness(0) saturate(100%) invert(1)';
  }
  #mainHeader #navGrosMenu {
    top: 100px;
    left: 0;
    width: 100%;
    border-top: 1px solid #ca262f;
    transform-origin: top;
    transform: scaleX(1) scaleY(0);
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
  }
  #mainHeader #navGrosMenu #navGrosMenuContainer {
    overflow-y: hidden;
    display: flex;
    max-width: 1164px;
    margin-left: auto;
    margin-right: auto;
  }
  #mainHeader #navGrosMenu #navGrosMenuContainer > div {
    padding: 24px 32px 64px;
  }
  #mainHeader #navGrosMenu #navGrosMenuDonnees {
    flex: 1;
    max-width: 326px;
  }
  #mainHeader #navGrosMenu #navGrosMenuDonnees #navGrosMenuFermer {
    display: none;
  }
  #mainHeader #navGrosMenu #navGrosMenuThemes {
    flex: 2;
    box-shadow: inset 3px 0 6px -3px #00000029;
  }
  #mainHeader #navGrosMenu #navGrosMenuThemes ul {
    column-count: 2;
    column-gap: 24px;
  }
  #mainHeader #navGrosMenu #navGrosMenuThemes ul li a {
    color: #000;
    font-weight: 600;
  }
  #mainHeader #navGrosMenu.afficherGrosMenu {
    transform: scaleY(1);
  }
  #mainHeader #navGrosMenu:after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background-color: #e3f2f3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .pMedias #mainContent #mediasCommuniques {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  /*** Accueil ***/
  #accueil #accueilPresentation {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
    padding-top: 30.21vw;
    max-width: 1920px;
  }
  #accueil #accueilPresentation #accueilPresentationContainer {
    padding: 32px 24px;
    max-width: 729px;
  }
  #accueil #accueilPresentation #accueilPresentationContainer strong {
    color: #FFFFFF;
    font-size: 32px;
    line-height: 40px;
  }
  #accueil #accueilOutils {
    margin-bottom: 45px;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil {
    flex: 1;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil .image {
    flex: 0 0 132px;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil .lienFleche {
    font-size: 22px;
    line-height: 30px;
  }
  #accueil #accueilOutils #accueilOutilsContainer .outil + .outil {
    margin-left: 40px;
  }
  #accueil #accueilHeadline {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
    background-image: url(/img/layout2021/accueil/bulles.svg);
    background-position: center top;
    background-size: auto 100%;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a {
    display: flex;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineContainer {
    padding: 32px calc(13.5% + 32px) 32px 32px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineContainer .typeLabel {
    margin-top: -12px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineContainer h3 {
    font-size: 32px;
    line-height: 40px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.solo .headline a .headlineImage {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline a .headlineContainer {
    flex: 1;
    order: 2;
    padding: 64px 32px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline a .headlineContainer .typeLabel {
    left: 32px;
  }
  #accueil #accueilHeadline #accueilHeadlineContainer.multiple .headline + .headline {
    margin-left: 32px;
  }
  #accueil #accueilDonnees {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
    padding-bottom: 80px;
  }
  #accueil #accueilDonnees .intro {
    margin-bottom: 80px;
  }
  #accueil #accueilDonnees #indicateursContainer {
    margin-bottom: 48px;
  }
  #accueil #accueilDonnees #premierIndicateur {
    margin-right: 40px;
  }
  #accueil #accueilDonnees #premierIndicateur a #mainGraph .graphique {
    height: 294px;
  }
  #accueil #accueilDonnees #premierIndicateur a #mainGraph .graphique .graphiqueContainer {
    height: 294px;
  }
  #accueil #accueilInfolettre {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer {
    padding: 40px 0;
    position: relative;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer h2 {
    display: block;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer h2:before {
    margin-right: 76px;
    width: 170px;
    height: 72px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 64px;
  }
  #accueil #accueilInfolettre #accueilInfolettreContainer h2 span {
    display: block;
    font-size: 32px;
    line-height: 40px;
    padding-right: 176px;
    padding-left: 310px;
  }
  #accueil #accueilActualites {
    margin: 40px 24px 120px;
  }
  #accueil #accueilActualites h2.titrePrincipal {
    margin: 0 0 64px;
  }
  #accueil #accueilDossiers {
    margin: 40px 24px 96px;
  }
  #accueil #accueilSurLeRadar #accueilSurLeRadarContainer a strong {
    font-size: 32px;
    line-height: 40px;
  }
  #accueil #accueilReactions {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  #accueil #accueilPortrait {
    margin: 40px 24px 80px;
  }
  #accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre {
    padding: 32px calc(12.5% + 32px) 32px 32px;
  }
  #accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitTitre h3 {
    font-size: 32px;
    line-height: 40px;
  }
  #accueil #accueilPortrait #accueilPortraitContainer #accueilPortraitImage {
    margin: 32px 0 32px -12.5%;
  }
  /*** L'Observatoire ***/
  /* Notre approche */
  .pApproche #main #listeVeiller {
    position: relative;
    padding-left: 215px;
  }
  .pApproche #main #listeVeiller:before {
    position: absolute;
    left: 32px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
  }
  .pApproche #main #listeEveille {
    position: relative;
    padding-left: 215px;
  }
  .pApproche #main #listeEveille:before {
    position: absolute;
    left: 32px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
  }
  .pApproche #main #listeAfinQue {
    position: relative;
    padding-left: 314px;
  }
  .pApproche #main #listeAfinQue:before {
    position: absolute;
    left: 32px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
  }
  /*** Publications - Accueil ***/
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  /* So what */
  #boiteSoWhat {
    padding: 20px 24px 24px;
  }
  /* Indicateur */
  #indicateur .blocDonnees {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  /* Accueil Données */
  .pDonnees #main #donneesMainContent .dimension:nth-child(2n) {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  /* Régions */
  .pRegions #main:after {
    width: 100%;
    height: 337px;
    background-size: cover;
  }
  /* Thématiques */
  .sThemes .pageThematique #listeReactions .reactionSolo {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  .sThemes .pageThematique #Dossiers .segment h3.titrePrincipal {
    font-size: 40px;
    line-height: 52px;
  }
  .sThemes .pageThematique #Dossiers .segment + .segment {
    margin-top: 64px;
  }
  .sThemes .pageThematique #Outils #segmentInfographies,
  .sThemes .pageThematique #Outils #segmentPowerpoints {
    margin: 0 calc(-50vw + 488px);
    padding: 56px calc(50vw - 488px);
  }
  /* Municipalités */
  .pMunicipalites #mainContent .page header {
    min-height: 568px;
    padding-bottom: 256px;
    margin-bottom: 80px;
  }
  .pMunicipalites #mainContent .page header:before {
    background-size: auto 568px;
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
  }
  .pMunicipalites #mainContent .page header h1 {
    font-size: 48px;
    line-height: 56px;
  }
  .pMunicipalites #mainContent .page header .intro p {
    font-size: 22px;
    line-height: 32px;
  }
  .pMunicipalites #mainContent .page header:after {
    height: 226px;
    background-size: 1000px;
  }
  .pMunicipalites #mainContent .page #sondageMunicipalites a .image {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .pMunicipalites #mainContent .page #sondageMunicipalites a .texte {
    padding-left: 32px;
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils {
    display: flex;
    flex-wrap: wrap;
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil {
    flex: 0 0 calc(50% - 12px);
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil + .outil {
    margin-top: 0;
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil:nth-child(2n) {
    margin-left: 24px;
  }
  .pMunicipalites #mainContent .page #outilsMunicipalites #listeOutils .outil:nth-child(n+3) {
    margin-top: 24px;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos {
    display: flex;
    flex-wrap: wrap;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video {
    flex: 0 1 calc(33.33% - 16px);
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video:nth-child(2n) {
    margin-left: 0;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video:nth-child(3n+2) {
    margin-left: 24px;
  }
  .pMunicipalites #mainContent .page #videosMunicipalites #listeVideos .video:nth-child(3n+3) {
    margin-left: 24px;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a {
    flex-direction: row;
    margin: 40px 0;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .image {
    order: 2;
    flex: 1;
    margin: 32px 0 32px -13%;
    z-index: 1;
    align-self: center;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .image img {
    margin: 0;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoExterne a .texte h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne a .image {
    margin: 0 32px 0 0;
  }
  .pMunicipalites #mainContent .page #rapportsMunicipalites #listeRapports .rapport.rapportPhotoInterne.alt a .image {
    margin: 0 0 0 32px;
  }
  /* Billets de Fannie */
  .pBillet #mainContent #presentationDirectrice {
    margin: 0 calc(-50vw + 488px) 64px;
    position: relative;
  }
  .pBillet #mainContent #presentationDirectrice #presentationDirectricePortrait {
    height: 584px;
  }
  .pBillet #mainContent #presentationDirectrice #presentationDirectricePortrait img {
    transform: translateX(-50%);
  }
  .pBillet #mainContent #presentationDirectrice #presentationDirectriceContainer {
    width: 393px;
    position: absolute;
    top: 128px;
    right: auto;
    left: 50%;
    transform: translateX(112px);
    background-color: #123E49;
    background-color: rgba(18, 62, 73, 0.8);
    border-radius: 0px 40px 40px 40px;
    padding: 32px;
  }
  .pBillet #mainContent #presentationDirectrice #presentationDirectriceContainer p {
    font-size: 16px;
    line-height: 24px;
  }
  .pBillet #mainContent #listeBillets li {
    flex: 0 0 calc(33.3% - 16px);
  }
  .pBillet #mainContent #listeBillets li:nth-child(2n) {
    margin-left: 0;
  }
  .pBillet #mainContent #listeBillets li:nth-child(3n),
  .pBillet #mainContent #listeBillets li:nth-child(3n+2) {
    margin-left: 24px;
  }
  .sBillets #main .page header h1 {
    line-height: 52px;
  }
  /* --- Balados, version 2023 --- */
  /* Accueil d'un balado */
  .sBalados #page #podcastIntro {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  .pToitPourNous #page.balado #podcastIntro {
    background-image: url(/img/balados/un-toit-pour-nous/background-un-toit-pour-nous.svg);
    background-size: auto 562px;
    background-position: center top;
    background-repeat: no-repeat;
  }
}
/* **** WIDE *** */
/* 1024px centre + 2 marge de 24px */
@media only screen and (min-width: 1072px) {
  body {
    font-size: 18px;
    line-height: 1.55;
  }
  #mainContent h1,
  #mainContent .titreDePage {
    font-size: 48px;
    margin-bottom: 48px;
  }
  #main {
    overflow: hidden;
  }
  #main nav#filAriane2021 ol {
    margin-left: 0;
    margin-right: 0;
  }
  #main .grandeZoneVideo {
    height: 450px;
  }
  #main .grandeZoneVideo a {
    padding-top: 95px;
    padding-bottom: 0;
  }
  #main .grandeZoneVideo a h2 {
    font-size: 30px;
  }
  #main .grandeZoneVideo a h2:after {
    bottom: -140px;
  }
  #main .zoneTexte {
    margin-left: 0;
    margin-right: 0;
  }
  #main .page #pageContenu {
    padding-left: 0;
    padding-right: 0;
  }
  #mainFooter #groupeNavInfolettre {
    padding-left: 0;
    padding-right: 0;
  }
  #mainFooter #groupeNavInfolettre #footerNav {
    flex: 3;
    border-right: 0;
    padding-right: 0;
    display: flex;
    gap: 32px;
  }
  #mainFooter #groupeNavInfolettre #footerNav #navigationFooterPrincipale,
  #mainFooter #groupeNavInfolettre #footerNav #navigationFooterSecondaire {
    flex: 1;
    border-right: 1px solid #CAD7D8;
    padding-right: 32px;
    border-bottom: 0;
    margin-bottom: 0;
  }
  #mainFooter #groupeNavInfolettre #footerInfolettre {
    flex: 2;
  }
  #mainFooter #groupeNavInfolettre #footerRessourcesParents {
    flex: 2;
  }
  /*** Liste de tuiles ***/
  #main ul.listeTuiles {
    /*li:first-child {margin-bottom: 120px;
			a .tuileContainer .titreTuile {margin-bottom: 0;}
		}*/
  }
  #main ul.listeTuiles li {
    margin-bottom: 48px;
  }
  .sActualites #main #listeActualites ul.listeTuiles li:first-child {
    margin-bottom: 120px;
  }
  .sActualites #main #listeActualites ul.listeTuiles li:first-child a .tuileContainer .titreTuile {
    margin-bottom: 0;
  }
  /* Réaction */
  #main .reactionSolo.style2022 {
    padding-bottom: 80px;
  }
  #main .reactionSolo.style2022 .texteReaction blockquote {
    font-size: 24px;
    line-height: 34px;
    font-style: italic;
    margin-bottom: 24px;
    font-weight: 400;
  }
  /*** Page générique ***/
  #main .page header {
    margin-left: 0;
    margin-right: 0;
  }
  #main .page header.enteteSplit #headerContainer .titreDePage {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
  }
  #main .page side {
    padding-top: 40px;
  }
  #main .page side #exergue {
    font-size: 1.7143em;
  }
  #main .page side:after {
    top: 45px;
    right: -20px;
    width: 0;
    height: 0;
    border-top: 17.2px solid transparent;
    border-bottom: 17.2px solid transparent;
    border-left: 20px solid #f5a11a;
    border-right: none;
  }
  #main .page side .videoLightBox {
    margin-top: 0;
    margin-bottom: 30px;
  }
  #main .page #coordonnees {
    padding: 40px 80px;
  }
  /*** Accueil ***/
  #accueil {
    /*#accueilPresentation {}*/
  }
  #accueil #accueilHeadline {
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
  #accueil #accueilOutils {
    margin-left: 0;
    margin-right: 0;
  }
  #accueil #accueilDonnees {
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
  #accueil #accueilInfolettre {
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
  #accueil #accueilActualites {
    margin-left: 0;
    margin-right: 0;
  }
  #accueil #accueilDossiers {
    margin-left: 0;
    margin-right: 0;
  }
  #accueil #accueilSurLeRadar {
    margin-left: 0;
    margin-right: 0;
  }
  #accueil #accueilReactions {
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
  #accueil #accueilPortrait {
    margin-left: 0;
    margin-right: 0;
  }
  #accueil #accueilBillets {
    margin-left: 0;
    margin-right: 0;
  }
  /*** Données ***/
  /* Accueil Données */
  .pDonnees #main #donneesMainContent h2 {
    font-size: 40px;
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension {
    flex: 0 0 calc(33% - 16px);
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(2n) {
    margin-left: 0;
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(3n+2),
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(3n) {
    margin-left: 24px;
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(n+3) {
    margin-top: 0;
  }
  .pDonnees #main #donneesMainContent .sousDimensions .sousDimension:nth-child(n+4) {
    margin-top: 24px;
  }
  /* So what */
  #boiteSoWhat {
    padding: 20px 32px 32px;
  }
  /* Indicateur */
  #indicateur {
    font-size: 16px;
    line-height: 24px;
  }
  #indicateur #blocDefinition #definitionMain {
    padding: 32px;
  }
  #indicateur #referencesIndicateur {
    padding: 32px;
  }
  #indicateur .blocDonnees {
    margin-left: calc(-50vw + 488px);
    margin-right: calc(-50vw + 488px);
    padding-left: calc(50vw - 488px);
    padding-right: calc(50vw - 488px);
  }
  /* Thème */
  .sDonnees #theme #referencesTheme {
    padding: 32px;
  }
  /*** Contact ***/
  #contact .bloc .blocContainerContent {
    padding: 0 24px;
  }
  #contact .bloc .blocContainer h2:after {
    height: 246px;
  }
  #contact #contactCommande h2:after {
    background-size: 98px;
  }
  #contact #contactCommentaire h2:after {
    background-size: 145px;
  }
  #contact #contactReproduction h2:after {
    background-size: 116px;
  }
  #contact #contactProbleme h2:after {
    background-size: 114px;
  }
  /*** Pages Contact ***/
  #main #formulaireContact.page .umbraco-forms-form {
    padding: 72px 33px;
  }
  /*** Publications - Accueil ***/
  .sPublications.pAccueilPublications #sectionsList #sectionsListContainer .section {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
  /* Événements, Actualités */
  /*	#main .listeTuilesWrapper {margin-left: 0; margin-right: 0;}*/
  /* Réactions */
  #main .carrouselReactions {
    margin-top: 0;
    margin-bottom: 0;
  }
  #main .carrouselReactions .slick-prev,
  #main .carrouselReactions .slick-next {
    top: 90px;
  }
  /* Question du mois */
  #main #QuestionDuMois {
    margin: 60px 0 0;
  }
  #pageChiffre.page .introduction {
    font-size: 1.8em;
    max-width: 700px;
    margin: 0 auto;
  }
  /*** Médias ***/
  /* Accueil */
  .pMedias #mainContent #groupePresentationEntrevue {
    margin-bottom: 56px;
    display: flex;
  }
  .pMedias #mainContent #groupePresentationEntrevue #presentationDirectrice {
    margin-bottom: 0;
    margin-right: 24px;
    flex: 2;
  }
  .pMedias #mainContent #groupePresentationEntrevue #entrevue {
    margin-bottom: 0;
    flex: 1;
  }
  .pMedias #mainContent #mediasCommuniques {
    margin-left: calc(-50vw + 512px);
    margin-right: calc(-50vw + 512px);
    padding-left: calc(50vw - 512px);
    padding-right: calc(50vw - 512px);
  }
  .pMedias #mainContent #mediasCommuniques ul li {
    flex: 0 0 calc(33% - 16px);
  }
  .pMedias #mainContent #mediasCommuniques ul li:nth-child(n+3) {
    margin-top: 0;
  }
  .pMedias #mainContent #mediasCommuniques ul li:nth-child(n+4) {
    margin-top: 24px;
  }
  .pMedias #mainContent #mediasDonnees a h2 span,
  .pMedias #mainContent #mediasPublications a h2 span {
    padding: 0 calc(25% + 32px) 0 32px;
  }
  .pMedias #mainContent #mediasDonnees a h2:after,
  .pMedias #mainContent #mediasPublications a h2:after {
    margin-left: 32px;
  }
  .pMedias #mainContent #mediasPublications a h2 span {
    padding: 0 32px 0 calc(25% + 32px);
  }
  .pMedias #mainContent #mediasPublications a h2:after {
    margin-left: calc(25% + 32px);
  }
  .pMedias #mainContent #mediasThematiques {
    padding-left: 42px;
    padding-right: 42px;
    margin-bottom: 56px;
  }
  .pMedias #mainContent #mediasThematiques #mediasThematiquesTitre {
    margin-right: 40px;
  }
  #sectionBalados.accueil header h2 {
    font-size: 3em;
    max-width: 500px;
  }
  #sectionBalados.accueil header #headerDescription {
    margin-top: 42px;
    padding: 48px 130px;
  }
  #sectionBalados.accueil header #headerDescription #headerDescriptionContainer {
    font-size: 1.3em;
  }
  #sectionBalados.accueil #listeBalados {
    display: flex;
    flex-wrap: wrap;
  }
  /* Régions */
  .sRegions #mainContent .listeDonnees ul li {
    font-size: 16px;
    line-height: 18px;
  }
  .sRegions #mainContent .section + .section {
    margin-top: 80px;
  }
  .sRegions #mainContent #sectionVideos ul.listeTuiles li {
    margin-bottom: 0;
  }
  /* Thématiques */
  .sThemes .pageThematique #listeReactions .reactionSolo {
    padding-top: 64px;
    padding-bottom: 80px;
  }
  /* Balados */
  .sBalados #page.episodeBalado #podcastIntro .photo {
    margin-right: 40px;
  }
}
/* **** Special pour menu drop down *** */
@media only screen and (min-width: 1280px) {
  #mainHeader #navigationPrincipale ul li a {
    font-size: 18px;
  }
  #mainHeader #navigationPrincipale ul li.mInfolettre {
    display: block;
  }
  #mainHeader #navigationPrincipale ul li.mInfolettre a {
    font-size: 16px;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes.active a:before {
    width: 295px;
    height: 54px;
    top: -4px;
  }
}
/* **** MAXIMUM *** */
@media only screen and (min-width: 1636px) {
  #mainHeader {
    height: 124px;
  }
  #mainHeader #logo {
    padding-top: 36px;
    flex: 0 0 246px;
  }
  #mainHeader #logo img {
    width: 226px;
    height: 57px;
  }
  #mainHeader #headerFoldIn #headerFoldInContainer2 #formRecherche {
    padding-top: 53px;
  }
  #mainHeader #navigationPrincipale {
    padding-top: 67px;
  }
  #mainHeader #navigationPrincipale ul li a {
    font-size: 20px;
  }
  #mainHeader #navigationPrincipale ul li.current a {
    padding-bottom: 5px;
  }
  #mainHeader #navigationPrincipale ul li.mInfolettre a {
    font-size: 18px;
  }
  #mainHeader #navigationPrincipale ul li#mDonneesThemes.active a:before {
    width: 332px;
    height: 62px;
    left: -62px;
  }
  #mainHeader #navGrosMenu {
    top: 124px;
    margin-left: calc(-50vw + 818px);
    width: 100vw;
  }
  #accueil #accueilPresentation #accueilPresentationContainer {
    padding: 40px 56px 32px;
    left: calc(50vw - 798px);
  }
  #accueil #accueilPresentation #accueilPresentationContainer strong {
    font-size: 40px;
    line-height: 52px;
  }
}
/* *** SPECIAL Accueil *** */
@media only screen and (min-width: 1920px) {
  #accueil #accueilPresentation {
    width: 1920px;
    margin-left: -448px;
    margin-right: -448px;
    padding-top: 580px;
  }
  #accueil #accueilPresentation #accueilPresentationContainer {
    left: 162px;
  }
}
/* Anglais */
.pAccueil.en #accueil #groupeEvenActu {
  display: none;
}