@charset "UTF-8";
.has-noir-background-color {
  background-color: var(--noir);
}

.has-noir-color {
  color: var(--noir);
}

.has-blanc-background-color {
  background-color: var(--blanc);
}

.has-blanc-color {
  color: var(--blanc);
}

/********************** SOMMAIRE ********************/
/* FOOTER MENU                          ligne : 14  */
/* FOOTER LEGAL                         ligne : 167 */
/* MEDIA QUERIES                        ligne : 188 */
footer {
  display: none;
}

/* FOOTER MENU */
footer > .footer_menu {
  width: 95%;
  max-width: 1800px;
  margin: auto;
  background-color: var(--blanc);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45);
  border-radius: 50px;
  padding: 2em 2em 1em;
  position: relative;
}

footer > .footer_menu > div:first-child {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 3em 1em;
}

footer > .footer_menu > div:first-child > div:first-child {
  flex: 0 0 100%;
  max-width: 100%;
}

footer > .footer_menu > div:first-child > div:first-of-type > ul {
  list-style: none;
  margin: auto;
  max-width: 280px;
}

footer > .footer_menu > div:first-child > div:first-of-type > ul > li {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #CCCCCC;
}

footer > .footer_menu > div:first-child > div:first-of-type > ul > li > a {
  display: flex;
  align-items: center;
  gap: 0.8em;
  font-family: "InSB";
  font-size: 1.1em;
  position: relative;
}

footer > .footer_menu > div:first-child > div:first-of-type > ul > li > a > i {
  font-size: 1.1em;
}

footer > .footer_menu > div:first-child > div > .follow {
  margin: 1em 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

footer > .footer_menu > div:first-child > div > .follow > p {
  margin: 0;
  font-family: "InSB";
  font-size: 1.2em;
  color: var(--noir);
}

footer > .footer_menu > div:first-child > div > .follow > a {
  flex: 0 0 40px;
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--noir);
  color: var(--blanc);
  border-radius: 50%;
  font-size: 1.6em;
  transition: all 0.3s;
}

footer > .footer_menu > div:first-child > div > .follow > a:hover {
  opacity: 0.5;
}

footer > .footer_menu > div:first-child > .menu_principal {
  flex: 0 0 calc(33.33% - 0.7em);
  max-width: calc(33.33% - 0.7em);
}

footer > .footer_menu > div:first-child > div:first-of-type > ul > li > a:after, footer > .footer_menu > div > .menu_principal > ul > li > a:after {
  content: "\f054";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

footer > .footer_menu > div:first-child > div:first-of-type > ul > li > a:hover:after, footer > .footer_menu > div > .menu_principal > ul > li > a:hover:after {
  right: 15px;
}

footer > .footer_menu > div > .menu_principal > p {
  display: flex;
  align-items: center;
  color: var(--rouge);
  font-family: "InEB";
  font-size: 1.3em;
  text-transform: uppercase;
  max-width: 800px;
  margin: 0 auto 1em;
}

footer > .footer_menu > div > .menu_principal > p > span {
  display: block;
  width: 15px;
  height: 15px;
  background-color: var(--rouge);
  border-radius: 50%;
  margin: 0 28px;
  position: relative;
}

footer > .footer_menu > div > .menu_principal > p > span:before, footer > .footer_menu > div > .menu_principal > p > span:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: var(--rouge);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

footer > .footer_menu > div > .menu_principal > p > span:before {
  left: -22px;
}

footer > .footer_menu > div > .menu_principal > p > span:after {
  right: -22px;
}

footer > .footer_menu > div > .menu_principal > ul {
  margin: 0 auto;
  list-style: none;
}

footer > .footer_menu > div > .menu_principal > ul > li:not(:last-child) {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--marron);
}

footer > .footer_menu > div > .menu_principal > ul > li > a {
  display: block;
  font-family: "InSB";
  font-size: 1em;
  color: var(--marron);
  position: relative;
}

footer > .footer_menu > div:last-child {
  border-top: 2px solid #E6E6E6;
  margin-top: 2em;
  padding-top: 2em;
  text-align: center;
  font-size: 0.9em;
  color: var(--noir);
}

footer > .footer_menu > div:last-child > p > strong {
  font-family: "InSB";
}

/* FOOTER LEGAL */
footer > .footer_legal {
  background-color: var(--rouge);
  color: var(--blanc);
  text-align: center;
  padding: 6em 1em;
  margin-top: -4em;
}

footer > .footer_legal > p {
  margin: 0;
  font-size: 0.9em;
}

footer > .footer_legal > p > a {
  color: var(--blanc);
  font-family: "In";
}

footer > .footer_legal > p > a:after {
  background-color: var(--blanc);
}

/* MEDIA QUERIES */
@media screen and (min-width: 990px) {
  footer {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  footer > .footer_menu > div:first-child > div:first-child {
    padding-top: 0.8em;
  }
  footer > .footer_menu > div:first-child > div:first-child, footer > .footer_menu > div:first-child > .menu_principal {
    flex: 0 0 calc(25% - 0.8em);
    max-width: calc(25% - 0.8em);
  }
  footer > .footer_menu > div:first-child > div:first-of-type > ul {
    max-width: unset;
  }
  footer > .footer_menu > div:first-child > div > .follow > p {
    font-size: 1em;
  }
  footer > .footer_menu > div:first-child > div > .follow > a {
    flex: 0 0 35px;
    max-width: 35px;
    height: 35px;
    font-size: 1.3em;
  }
}
@media screen and (min-width: 1440px) {
  footer > .footer_menu {
    padding: 4em 6em 1em;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "In";
}

:root {
  --blanc: #FFFFFF;
  --bleu: #CFF9F9;
  --bleuF: #0A7171;
  --gris: #F3F3F3;
  --grisC: #F1F1F1;
  --grisF: #333336;
  --marron: #710007;
  --marronFav: #74040B;
  --orange: #F19000;
  --noir: #000000;
  --rouge: #E20816;
  --vert: #EDF5CB;
  --vertF: #737A57;
}

::after, ::before {
  box-sizing: inherit;
}

html, body {
  position: relative;
  font-size: 1em;
  color: var(--grisF);
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1 {
  font-family: "InEB";
  font-size: 2.2em;
}

h2 {
  font-family: "InEB";
  font-size: 2em;
  color: var(--rouge);
  margin: 0.5em 0;
}

h3 {
  font-family: "InEB";
  font-size: 1.6em;
  color: var(--rouge);
  margin: 2em 0 0.5em;
  padding-left: 30px;
  position: relative;
}

h3:before {
  content: "";
  width: 25px;
  height: 5px;
  background-color: var(--rouge);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

h4 {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  font-family: "InEB";
  font-size: 1.4em;
  color: var(--blanc);
  background-color: var(--marron);
  padding: 0.5em 0.8em;
  margin: 2em 0 0.5em;
}

h5 {
  font-family: "InEB";
  color: var(--marron);
  font-size: 1.3em;
  margin: 2em 0 0.5em;
}

h6 {
  font-family: "InEB";
  font-size: 1.1em;
  margin: 2em 0 0.5em;
}

p {
  margin-bottom: 1em;
  line-height: 1.1;
}

a {
  text-decoration: none;
  line-height: 1.5;
  color: var(--grisF);
}

p > a {
  position: relative;
  font-family: "InM";
}

p > a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: var(--noir);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease-in-out 0.3s;
}

p > a:hover:after {
  width: 100%;
}

.btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "InBo";
  font-size: 1em;
  color: var(--blanc);
  background-color: var(--rouge);
  border: 2px solid var(--rouge);
  border-radius: 25px;
  padding: 0.4em 1.5em 0.6em;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 1em 0;
  text-transform: lowercase;
  cursor: pointer;
  transition: all 0.3s;
}

.btn:hover {
  color: var(--rouge);
  background-color: transparent;
}

.btn > i {
  font-size: 1.2em;
}

ul {
  margin: 0 0 1em 16px;
}

ol {
  margin: 0 0 1em 24px;
}

ul > li, ol > li {
  line-height: 1.1;
  margin-bottom: 0.4em;
}

li > ul, li > ol {
  margin: 0.4em 0 0 20px;
}

li::marker {
  color: var(--rouge);
  font-family: "InBo";
  font-size: 16px;
}

.container {
  width: 95%;
  margin: auto;
}

.message {
  padding: 10px;
  border-radius: 3px;
  color: #005599;
  background-color: #BBEEFF;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

.message.succes {
  color: #227700;
  background-color: #DFF2BF;
}

.message.erreur {
  color: #D8000C;
  background-color: #FFBABA;
}

.message > p {
  margin: 0;
}

/* MEDIA QUERIES */
@media screen and (min-width: 576px) {
  .container {
    max-width: 540px;
  }
  h1 {
    font-size: 2.4em;
  }
  h2 {
    font-size: 2.2em;
  }
  h3 {
    font-size: 1.8em;
  }
  h4 {
    font-size: 1.6em;
  }
  h5 {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media screen and (min-width: 990px) {
  .container {
    max-width: 960px;
  }
  h1 {
    font-size: 2.6em;
  }
  h2 {
    font-size: 2.4em;
  }
  h3 {
    font-size: 2em;
    padding-left: 45px;
  }
  h3:before {
    width: 35px;
  }
  h4 {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1440px) {
  .container {
    max-width: 1320px;
  }
  h1 {
    font-size: 2.8em;
  }
  h2 {
    font-size: 2.6em;
  }
  h3 {
    font-size: 2.2em;
  }
  h4 {
    font-size: 2em;
  }
  h5 {
    font-size: 1.6em;
  }
}
/********************** SOMMAIRE ********************/
/* GENERAL                              ligne : 14  */
/* MENU MOBILE                          ligne : 94  */
/* MEGA MENU                            ligne : 197 */
/* MENU ORDINATEUR                      ligne : 393 */
/* MENU OUTILS                          ligne : 470 */
/* MENU CATEGORIES                      ligne : 547 */
/* MENU RETOUR                          ligne : 691 */
/* MEDIA QUERIES                        ligne : 724 */
/* GENERAL */
header {
  width: 100%;
  background-color: var(--blanc);
  position: fixed;
  top: 0;
  left: 0%;
  z-index: 9999;
  transition: all 0.3s;
}

header > .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--blanc);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  padding: 0.6em;
  position: relative;
  z-index: 5;
}

.home header > .head, .category header > .head, .tag header > .head {
  box-shadow: none;
}

header > .head > div:first-child {
  display: flex;
  gap: 0.5em;
}

header > .head > div > a:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 0.8em;
  border-radius: 50%;
  background-color: var(--grisF);
  border: 1px solid var(--grisF);
  color: var(--blanc);
  transition: all 0.3s;
}

header > .head > div > a:first-child:hover {
  background-color: transparent;
  color: var(--grisF);
}

header > .head > div > a:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grisF);
  border: 1px solid var(--grisF);
  color: var(--blanc);
  border-radius: 15px;
  padding: 0 0.7em;
  font-size: 0.8em;
  font-family: "InM";
  text-transform: lowercase;
  transition: all 0.3s;
}

header > .head > div > a:last-child:hover {
  background-color: transparent;
  color: var(--grisF);
}

header > .head > a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

header > .head > a:hover {
  opacity: 0.5;
}

header > .head > a > img {
  display: block;
  max-width: 100px;
  margin: auto;
}

/* MENU MOBILE */
.menuMobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2em;
  cursor: pointer;
}

.menuMobile > div {
  width: 100%;
}

.menuMobile.open > div {
  height: 20px;
}

.menuMobile > div > .barre {
  width: 100%;
  height: 4px;
  margin-bottom: 4px;
  border-radius: 10px;
  background-color: var(--grisF);
  transition: all 0.3s;
}

.menuMobile > div > .barre03 {
  margin: 0;
}

.menuMobile:hover > div > .barre {
  background-color: var(--rouge);
}

.menuMobile.open > div > .barre01 {
  transform: rotate(135deg);
  position: relative;
  left: 0;
  top: 8px;
}

.menuMobile.open > div > .barre02 {
  display: none;
}

.menuMobile.open > div > .barre03 {
  transform: rotate(-135deg);
  position: relative;
  left: 0;
  top: 0;
}

.menuMobile > p {
  margin: 0;
  text-transform: uppercase;
  font-family: "InEB";
  font-size: 0.75em;
  transition: all 0.3s;
}

.menuMobile:hover > p {
  color: var(--rouge);
}

header > .megaMenu {
  display: none;
  width: 100%;
  max-height: 100vh;
  background-color: var(--blanc);
  padding-top: 75px;
  overflow: hidden auto;
  scrollbar-width: thin;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.search-form {
  display: flex;
  align-items: center;
  gap: 0.5em;
  max-width: 370px;
  margin: 0 auto 1.5em;
  border-radius: 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  background-color: var(--blanc);
}

.search-form > input {
  border: none;
  flex: 1;
  padding: 0.5em 1.5em;
  font-family: "InM";
  background-color: transparent;
}

.search-form > input::-moz-placeholder {
  text-transform: lowercase;
}

.search-form > input::placeholder {
  text-transform: lowercase;
}

.search-form > button {
  flex: 0 0 40px;
  max-width: 40px;
  height: 40px;
  background-color: var(--noir);
  color: var(--blanc);
  border: none;
  border-radius: 50%;
  font-size: 1.2em;
  cursor: pointer;
  transition: all 0.3s;
}

.search-form > button:hover {
  background-color: var(--grisF);
}

/* MEGA MENU */
header > .megaMenu > div:first-of-type > ul {
  background-color: var(--gris);
  padding: 0.8em;
  list-style: none;
  margin: 0;
}

header > .megaMenu > div:first-of-type > ul > li:not(:last-child) {
  max-width: 800px;
  padding-bottom: 1em;
  margin: 0 auto 1em;
  border-bottom: 1px solid #CCCCCC;
}

header > .megaMenu > div:first-of-type > ul > li:last-child {
  max-width: 800px;
  margin: 0 auto;
}

header > .megaMenu > .menu_principal > ul > li:last-child {
  margin: 0;
}

header > .megaMenu > div:first-of-type > ul > li > a {
  display: flex;
  align-items: center;
  gap: 0.8em;
  font-family: "InSB";
  font-size: 1.1em;
  position: relative;
}

header > .megaMenu > div:first-of-type > ul > li > a:after, header > .megaMenu > .menu_principal > ul > li > a:after {
  content: "\f054";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

header > .megaMenu > div:first-of-type > ul > li > a:hover:after, header > .megaMenu > .menu_principal > ul > li > a:hover:after {
  right: 15px;
}

header > .megaMenu > div:first-of-type > ul > li > a > i {
  font-size: 1.1em;
}

header > .megaMenu > div:first-of-type > .follow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin: 2em 0 3em;
}

header > .megaMenu > div:first-of-type > .follow > p {
  margin: 0;
  font-family: "InSB";
  font-size: 1.2em;
  color: var(--noir);
}

header > .megaMenu > div:first-of-type > .follow > a {
  flex: 0 0 45px;
  max-width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--noir);
  color: var(--blanc);
  border-radius: 50%;
  font-size: 1.6em;
  transition: all 0.3s;
}

header > .megaMenu > div:first-of-type > .follow > a:hover {
  opacity: 0.5;
}

header > .megaMenu > .menu_after {
  margin-bottom: 80px;
  padding: 0 0.8em 1em;
  position: relative;
}

header > .megaMenu > .menu_principal:not(.menu_after) {
  padding: 0 0.8em 1em;
}

header > .megaMenu > .menu_after:after {
  content: "";
  width: 105%;
  height: 55px;
  background-color: var(--gris);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
}

header > .megaMenu > .menu_principal > p {
  display: flex;
  align-items: center;
  color: var(--rouge);
  font-family: "InEB";
  font-size: 1.5em;
  text-transform: uppercase;
  max-width: 800px;
  margin: 0 auto 1em;
}

header > .megaMenu > .menu_principal > p > span {
  display: block;
  width: 15px;
  height: 15px;
  background-color: var(--rouge);
  border-radius: 50%;
  margin: 0 30px;
  position: relative;
}

header > .megaMenu > .menu_principal > p > span:before, header > .megaMenu > .menu_principal > p > span:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: var(--rouge);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

header > .megaMenu > .menu_principal > p > span:before {
  left: -20px;
}

header > .megaMenu > .menu_principal > p > span:after {
  right: -20px;
}

header > .megaMenu > .menu_principal > ul {
  max-width: 800px;
  margin: 0 auto;
  list-style: none;
}

header > .megaMenu > .menu_principal > ul > li:not(:last-child) {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--marron);
}

header > .megaMenu > .menu_principal > ul > li > a {
  display: block;
  font-family: "InSB";
  font-size: 1.1em;
  color: var(--marron);
  position: relative;
}

header > .megaMenu > div:last-child {
  padding: 1em 1.5em;
  text-align: center;
  position: relative;
}

header > .megaMenu > div:last-child:before {
  content: "";
  width: 105%;
  height: 100%;
  background-color: var(--gris);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

header > .megaMenu > div:last-child > * {
  position: relative;
}

header > .megaMenu > div:last-child > p {
  text-transform: lowercase;
  font-size: 0.8em;
  margin: 0;
}

header > .megaMenu > div:last-child > p:first-child {
  font-family: "InSB";
}

header > .megaMenu > div:last-child > p:last-child {
  font-family: "InL";
}

header > .megaMenu > div:last-child > a {
  font-size: 0.8em;
  font-family: "InEB";
  color: var(--grisF);
  text-transform: uppercase;
}

header > .megaMenu > div:last-child > a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: var(--noir);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease-in-out 0.3s;
}

header > .megaMenu > div:last-child > a:hover:after {
  width: 100%;
}

/* MENU ORDINATEUR */
header > .head_ordi {
  display: none;
  align-items: center;
  justify-content: space-between;
  background-color: var(--blanc);
  padding: 0.6em 1em;
  max-width: 1450px;
  margin: auto;
  position: relative;
  z-index: 4;
}

body:not(.home):not(.category):not(.tag) header > .head_ordi:before {
  content: "";
  width: 100vw;
  height: 100%;
  background-color: var(--blanc);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

header > .head_ordi > div {
  display: flex;
  align-items: center;
  gap: 0.8em;
  flex: 1;
}

header > .head_ordi > div:last-child {
  flex: 0 1;
  justify-content: end;
}

header > .head_ordi > div > .custom-logo-link {
  max-width: 150px;
}

header > .head_ordi > div > a:not(.custom-logo-link):not(.follow) {
  display: flex;
  align-items: center;
  gap: 0.4em;
  background-color: var(--grisF);
  border: 1px solid var(--grisF);
  color: var(--blanc);
  border-radius: 18px;
  padding: 0.5em 1em;
  font-family: "InM";
  font-size: 0.8em;
  text-transform: lowercase;
  transition: all 0.3s;
}

header > .head_ordi > div > a:not(.custom-logo-link):not(.follow):hover {
  color: var(--grisF);
  background-color: transparent;
}

header > .head_ordi > div > .follow {
  flex: 0 0 28px;
  max-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--noir);
  color: var(--blanc);
  border-radius: 50%;
  transition: all 0.3s;
}

header > .head_ordi > div > .follow:hover {
  opacity: 0.5;
}

header > .head_ordi > div > .search-form {
  margin: 0;
  flex: 0 0 300px;
  max-width: 300px;
}

/* MENU OUTILS */
.menu_outils {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  flex-wrap: wrap;
  width: 100vw;
  background-color: var(--blanc);
  box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.15);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.menu_outils > a {
  flex: 0 0 calc(20% - 0.6em);
  max-width: calc(20% - 0.6em);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.2em;
  font-size: 0.7em;
  color: var(--grisF);
  text-align: center;
  font-family: "InB";
  padding: 0.5em 0;
  transition: all 0.3s;
}

.menu_outils > a:not(:last-child):hover, .menu_outils > .select:not(:last-child) {
  color: var(--rouge);
}

.menu_outils > a:hover:before, .menu_outils > .select:before {
  display: flex;
}

.menu_outils > a:first-child:hover:before, .menu_outils > .select:first-child:before {
  content: url("../img/la_une_select_lozere_nouvelle.webp");
}

.menu_outils > a:nth-child(2):hover:before, .menu_outils > .select:nth-child(2):before {
  content: url("../img/flash_select_lozere_nouvelle.webp");
}

.menu_outils > a:nth-child(3):hover:before, .menu_outils > .select:nth-child(3):before {
  content: url("../img/rubriques_select_lozere_nouvelle.webp");
}

.menu_outils > a:nth-child(4):hover:before, .menu_outils > .select:nth-child(4):before {
  content: url("../img/journal_select_lozere_nouvelle.webp");
}

.menu_outils > a:last-child:hover:before, .menu_outils > .select:last-child:before {
  content: url("../img/ma_lozere_nouvelle_select.webp");
}

.menu_outils > a:hover > img, .menu_outils > .select > img {
  display: none;
}

.menu_outils > a:last-child {
  color: var(--marronFav);
  position: relative;
}

.menu_outils > a:last-child:hover, .menu_outils > .select:last-child {
  color: var(--blanc);
}

.menu_outils > a:last-child:after {
  content: "";
  width: calc(100% + 0.2em);
  height: 100%;
  background-color: #FEDBDD;
  border-radius: 12px 0 0 12px;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: -1;
}

.menu_outils > a:last-child:hover:after, .menu_outils > .select:last-child:after {
  background-color: var(--rouge);
}

/* MENU CATEGORIES */
header > .categorie {
  display: flex;
  align-items: end;
  gap: 0.8em;
  max-width: 1450px;
  margin: auto;
  padding-left: 0.6em;
  position: relative;
}

header > .categorie:before {
  content: "";
  width: 1850px;
  height: 100%;
  background-color: var(--gris);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

header > .categorie.ouvert:after {
  content: "";
  width: 100vw;
  height: calc(100vh - 55px);
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

header > .categorie > .proche {
  background-color: var(--blanc);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--marron);
  padding: 0.2em 0.4em;
  margin: 0.4em 0;
  flex: 0 0 90px;
  max-width: 90px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: all 0.3s;
}

header > .categorie.ouvert > .proche {
  box-shadow: unset;
}

header > .categorie > .proche:hover {
  color: var(--blanc);
  background-color: var(--marron);
}

header > .categorie > .proche > i {
  font-size: 1.5em;
  transition: all 0.3s;
}

header > .categorie.ouvert > .proche > i {
  transform: rotate(180deg);
}

header > .categorie > .proche > p {
  font-family: "InSB";
  text-transform: lowercase;
  font-size: 0.7em;
  margin: 0;
}

header > .categorie > .proche > p > span {
  font-family: "InB";
}

header > .categorie > .proche_open {
  display: none;
  background-color: var(--blanc);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 95%;
  max-width: 370px;
  padding: 3.5em 0.4em 1em;
  position: absolute;
  top: 0.4em;
  z-index: 1;
}

header > .categorie > .proche_open > a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-family: "InBo";
  color: var(--grisF);
  font-size: 1.2em;
  padding: 0 0.5em 0.8em;
  margin-bottom: 0.8em;
  border-bottom: 1px solid #E5E5E5;
  transition: all 0.3s;
}

header > .categorie > .proche_open > a:hover, header > .categorie > .proche_open > a.select {
  color: var(--marron);
}

header > .categorie > .proche_open > a:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

header > .categorie > div:last-child {
  flex: 0 0 calc(100% - 6.5em);
  max-width: calc(100% - 6.5em);
}

header > .categorie > div:last-child .slick-slide {
  margin-right: 1em;
}

header > .categorie > div:last-child .slick-slide a {
  display: block;
  float: left;
  text-transform: lowercase;
  padding-bottom: 1em;
  font-family: "InM";
  white-space: nowrap;
  position: relative;
  transition: all 0.3s;
}

header > .categorie > div:last-child > div > div a:hover, header > .categorie > div:last-child > div > div a.select {
  color: var(--rouge);
  font-family: "InBo";
}

header > .categorie > div:last-child > div > div a:after {
  content: "";
  width: 0;
  height: 8px;
  background-color: var(--rouge);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}

header > .categorie > div:last-child > div > div a:hover:after, header > .categorie > div:last-child > div > div a.select:after {
  width: 100%;
}

header > .categorie > div:last-child > div > div a.gras {
  font-family: "InBo";
}

/* MENU RETOUR */
header > .retour {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1450px;
  margin: auto;
  padding: 1em 0.6em;
  background-color: var(--gris);
}

.single-dossiers header > .retour {
  max-width: 100%;
}

header > .retour > a {
  display: flex;
  align-items: center;
  gap: 7px;
  text-transform: lowercase;
  color: var(--marron);
  font-family: "InBo";
}

header > .retour > a > i {
  font-size: 1.15em;
  transition: all 0.3s;
}

header > .retour > a:hover > i {
  margin-left: -8px;
}

header > .retour > div div.heateor_sss_sharing_ul > a {
  margin: 0 4px;
}

/* MEDIA QUERIES */
@media screen and (min-width: 576px) {
  header > .head {
    padding: 0.6em 1em;
  }
}
@media screen and (min-width: 768px) {
  header > .head {
    padding: 0.6em 2em;
  }
  header > .megaMenu > ul {
    padding: 1em 1.5em;
  }
  header > .megaMenu > .menu_after, header > .megaMenu > .menu_principal:not(.menu_after) {
    padding: 0 1.5em 1em;
  }
  .menu_outils {
    max-width: 650px;
    left: 50%;
    transform: translateX(-50%);
  }
  .menu_outils > a {
    gap: 0.6em;
    padding: 0.8em 0;
  }
  .menu_outils > a > img, .menu_outils > a:hover:before, .menu_outils > .select:before {
    transform: scale(1.3);
  }
  header > .categorie {
    gap: 1.5em;
  }
}
@media screen and (min-width: 990px) {
  header > .head, header > .megaMenu > .search-form, header > .megaMenu > div:last-child {
    display: none;
  }
  header > .head_ordi {
    display: flex;
  }
  header > .megaMenu {
    padding-top: 120px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
  }
  header > .categorie > .proche {
    margin: 0.8em 0;
    flex: 0 0 185px;
    max-width: 185px;
  }
  header > .categorie > .proche > p {
    font-size: 0.85em;
  }
}
@media screen and (min-width: 1200px) {
  header > .head_ordi {
    padding: 0.6em 1.5em;
  }
  header > .head_ordi > div {
    gap: 1.2em;
  }
  header > .head_ordi > div > .custom-logo-link {
    max-width: 180px;
  }
  header > .head_ordi > div > .search-form {
    flex: 0 0 370px;
    max-width: 370px;
  }
  .menuMobile > p {
    font-size: 0.9em;
  }
  header > .megaMenu {
    align-items: start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
    padding: 120px 1.5em 4em;
  }
  header > .megaMenu > div {
    flex: 0 0 calc(25% - 0.75em);
    max-width: calc(25% - 0.75em);
  }
  header > .megaMenu > .menu_after {
    margin: 0;
  }
  header > .megaMenu > .menu_after:after {
    display: none;
  }
  header > .megaMenu > .menu_after, header > .megaMenu > .menu_principal:not(.menu_after) {
    padding: 0;
  }
  header > .megaMenu > div:first-of-type > ul {
    padding: 0.8em 0;
    background-color: transparent;
  }
  header > .megaMenu > div:first-of-type > ul > li:last-child {
    padding-bottom: 1em;
    border-bottom: 1px solid #CCCCCC;
  }
  header > .megaMenu > div:first-of-type > .follow {
    margin: 1em 0 0;
    gap: 0.5em;
    justify-content: start;
  }
  header > .megaMenu > div:first-of-type > .follow > p, header > .megaMenu > .menu_principal > ul > li > a {
    font-size: 1em;
  }
  header > .megaMenu > div:first-of-type > .follow > a {
    flex: 0 0 40px;
    max-width: 40px;
    height: 40px;
    font-size: 1.4em;
  }
  header > .megaMenu > .menu_principal > ul > li:last-child {
    padding-bottom: 1em;
    border-bottom: 1px solid var(--marron);
  }
  header > .megaMenu > .menu_principal > p {
    font-size: 1.3em;
  }
  header > .megaMenu > .menu_principal > p > span {
    width: 12px;
    height: 12px;
    margin: 0 27px 0 20px;
  }
  header > .megaMenu > .menu_principal > p > span:before, header > .megaMenu > .menu_principal > p > span:after {
    width: 12px;
    height: 12px;
  }
  header > .megaMenu > .menu_principal > p > span:before {
    left: -17px;
  }
  header > .megaMenu > .menu_principal > p > span:after {
    right: -17px;
  }
  header > .categorie {
    padding-left: 1.5em;
  }
}
@media screen and (min-width: 1440px) {
  .single-dossiers header > .retour {
    padding: 1em 2em;
  }
  header > .retour > a {
    font-size: 1.2em;
  }
}
/********************** SOMMAIRE *******************/
/* ENTETE                               ligne : 14 */
/* CONTENU                              ligne : 47 */
/* MEDIA QUERIES                        ligne : 92 */
.wrap_content_page {
  margin: 70px 0 70px;
}

/* ENTETE */
.content_page h1 {
  color: var(--rouge);
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 65px;
  margin-bottom: 0.5em;
  position: relative;
}

.content_page h1:before {
  content: url("../img/points_rouge.webp");
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content_page > .imgUne {
  height: 180px;
  border-top: 1px solid var(--rouge);
  margin-bottom: 2em;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.content_page > .imgUne > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* CONTENU */
.content blockquote {
  max-width: 600px;
  margin: 2em auto;
  background-color: var(--grisC);
  border-left: 15px solid var(--rouge);
  padding: 1.5em 1em;
  position: relative;
}

.content blockquote:before {
  content: '"';
  font-family: "InSB";
  color: var(--rouge);
  font-size: 4em;
  position: absolute;
  top: -25px;
  right: 12px;
}

.content blockquote > p {
  font-family: "InSB";
  margin: 0;
}

.content blockquote > cite {
  font-family: "InL";
  font-size: 0.8em;
  font-style: italic;
}

.content .wp-block-image {
  margin-bottom: 1em;
}

.content .banniere {
  width: 100vw;
  height: 150px;
  min-height: 150px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.content .banniere > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* MEDIA QUERIES */
@media screen and (min-width: 576px) {
  .content_page h1 {
    font-size: 2.4em;
  }
  .content_page > .imgUne {
    height: 220px;
  }
  .content blockquote:before {
    font-size: 5em;
    top: -32px;
  }
  .content .banniere {
    height: 200px;
  }
}
@media screen and (min-width: 768px) {
  .wrap_content_page {
    margin-bottom: 85px;
  }
  .content_page > .imgUne {
    height: 250px;
  }
}
@media screen and (min-width: 990px) {
  .content_page h1 {
    font-size: 2.6em;
  }
  .wrap_content_page {
    margin-top: 90px;
  }
  .content blockquote {
    padding: 2em;
    max-width: 680px;
    margin: 3em auto;
  }
  .content blockquote:before {
    font-size: 6em;
    top: -36px;
  }
}
@media screen and (min-width: 1200px) {
  .content .banniere {
    height: 300px;
  }
  .wrap_content_page {
    margin-top: 100px;
  }
  .content_page > .imgUne {
    height: 300px;
  }
}
@media screen and (min-width: 1440px) {
  .content_page h1 {
    font-size: 2.8em;
  }
  .content_page > .imgUne {
    height: 400px;
  }
  .content .banniere {
    height: 450px;
  }
}
/********************** SOMMAIRE ********************/
/* ENTETE                               ligne : 16  */
/* CONTENU                              ligne : 105 */
/* BANNIERE ROSE                        ligne : 148 */
/* BANNIERE GRIS                        ligne : 173 */
/* MEDIA QUERIES                        ligne : 206 */
.wrap_content_dossier {
  margin-bottom: 60px;
}

/* ENTETE */
.content_dossier > .header {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 55px;
  height: calc(100vh - 45px);
  position: relative;
}

.content_dossier > .header:after {
  content: "";
  width: 100%;
  height: 200px;
  background-image: linear-gradient(transparent, var(--grisF));
  position: absolute;
  left: 0;
  bottom: 0;
}

.content_dossier > .header > div {
  width: 95%;
  max-width: 300px;
  margin: 2em auto 0;
  padding: 1em 0.5em 4em;
  text-align: center;
  position: relative;
}

.content_dossier > .header > div:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(var(--blanc), transparent);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}

.content_dossier > .header > div:after {
  content: "";
  width: 2px;
  height: 115px;
  background-color: var(--noir);
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.content_dossier > .header > div > .doss {
  font-family: "InB";
  text-transform: uppercase;
  color: #71C4C4;
  margin-bottom: 0.4em;
  font-size: 0.9em;
  position: relative;
}

.content_dossier > .header > div > .cat {
  font-family: "InSB";
  color: var(--rouge);
  text-transform: uppercase;
  margin-bottom: 0.4em;
  position: relative;
}

.content_dossier > .header > div > h1 {
  color: var(--noir);
  text-transform: uppercase;
  position: relative;
}

.content_dossier > .header > div > .credit {
  font-size: 0.7em;
  margin-top: 1em;
  position: relative;
}

.content_dossier > .header > div > .credit > p {
  margin: 0;
}

.content_dossier > .en_tete {
  background-color: var(--grisF);
  color: var(--blanc);
  padding: 3em 3em 2em;
  text-align: center;
}

.content_dossier > .en_tete > p {
  font-family: "Ca";
  font-size: 1.1em;
  line-height: 1.5;
  margin: auto;
  max-width: 750px;
}

/* CONTENU */
.content_dossier > .content {
  margin-top: 2em;
}

.content_dossier > .content h2, .content_dossier > .content h3, .content_dossier > .content h5 {
  color: var(--grisF);
}

.content_dossier .content h3:before {
  background-color: var(--grisF);
}

.content_dossier > .content h4 {
  width: auto;
  color: var(--grisF);
  background-color: transparent;
  padding: 0 0 0 34px;
  position: relative;
}

.content_dossier > .content h4:before {
  content: url("../img/points_gris.webp");
  display: flex;
  align-items: center;
  position: absolute;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.content_dossier .content p {
  line-height: 1.7;
}

.content_dossier > .content > p, .content_dossier > .content > h2, .content_dossier > .content > h3, .content_dossier > .content > h4, .content_dossier > .content > h5 {
  width: 90%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.content_dossier > .content > .wp-block-image {
  width: 90%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/* BANNIERE ROSE */
.content .banniere_rose figure {
  height: 375px;
  margin: 0;
}

.content .banniere_rose figure > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .banniere_rose .wp-block-group {
  width: 90%;
  max-width: 800px;
  margin: -6em auto 0;
  background-color: rgba(212, 201, 210, 0.9);
  padding: 2em 2em 1em;
  text-align: center;
  position: relative;
}

.content .banniere_rose .wp-block-group p {
  font-family: "InBo";
  font-size: 1.2em;
}

/* BANNIERE GRIS */
.content .banniere_gris figure {
  height: 400px;
  margin: 0;
  position: relative;
}

.content .banniere_gris figure:after {
  content: "";
  width: 100%;
  height: 200px;
  background-image: linear-gradient(transparent, var(--grisF));
  position: absolute;
  left: 0;
  bottom: 0;
}

.content .banniere_gris figure > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .banniere_gris .wp-block-group {
  background-color: var(--grisF);
  color: var(--blanc);
  padding: 3em 2em 1em;
  text-align: center;
}

.content .banniere_gris .wp-block-group p {
  font-family: "Ca";
  font-size: 1.1em;
  max-width: 800px;
}

/* MEDIA QUERIES */
@media screen and (min-width: 450px) {
  .content_dossier > .content h4 {
    padding-left: 30px;
  }
  .content_dossier > .content h4:before {
    left: -35px;
  }
  .content_dossier > .en_tete > p {
    width: 90%;
  }
}
@media screen and (min-width: 576px) {
  .content_dossier > .header > div {
    max-width: 400px;
    margin-top: 4em;
  }
  .content_dossier > .header > div:before {
    background-image: linear-gradient(var(--blanc) 60%, transparent);
  }
  .content_dossier > .header > div > .doss {
    font-size: 1em;
  }
  .content_dossier > .header > div > .cat {
    font-size: 1.1em;
  }
  .content_dossier > .content > p, .content_dossier > .content > h2, .content_dossier > .content > h3, .content_dossier > .content > h4, .content_dossier > .content > h5, .content_dossier > .en_tete > p {
    width: 80%;
  }
  .content_dossier .banniere_rose .wp-block-group {
    width: 80%;
    margin-top: -4em;
  }
  .content_dossier > .content h4 {
    padding-left: 0;
  }
  .content_dossier > .content h4:before {
    left: -62px;
  }
  .content_dossier .banniere_gris .wp-block-group p {
    width: 80%;
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .wrap_content_dossier {
    margin-bottom: 71px;
  }
}
@media screen and (min-width: 990px) {
  .content_dossier > .header > div {
    max-width: 500px;
    margin-top: 6em;
  }
  .content_dossier > .header > div > .doss {
    font-size: 1.2em;
  }
  .content_dossier > .header > div > .cat {
    font-size: 1.3em;
  }
  .content_dossier > .header > div > .credit {
    font-size: 0.9em;
  }
  .content_dossier .banniere_rose .wp-block-group, .content_dossier .banniere_gris .wp-block-group p {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .content_dossier > .header {
    height: calc(100vh - 30px);
  }
  .content_dossier .banniere_rose figure {
    height: 500px;
  }
  .content_dossier .banniere_rose .wp-block-group {
    max-width: 800px;
    padding: 2em 10em 1em;
  }
}
@media screen and (min-width: 1440px) {
  .content_dossier > .header > div {
    max-width: 600px;
    padding: 3em 2em 6em;
  }
  .content_dossier > .header > div > .doss {
    font-size: 1.4em;
  }
  .content_dossier > .header > div > .cat {
    font-size: 1.5em;
  }
  .content_dossier > .header > div > .credit {
    font-size: 1.1em;
  }
}
/********************** SOMMAIRE ********************/
/* ENTETE                               ligne : 15  */
/* À LIRE AUSSI                         ligne : 101 */
/* DANS LA MÊME RUBRIQUE                ligne : 203 */
/* MEDIA QUERIES                        ligne : 290 */
.wrap_content_single {
  margin: 140px 0 70px;
}

/* ENTETE */
.content_single > .cat {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InSB";
  font-size: 1.2em;
  margin: 1em 0;
}

.content_single > .imgUne {
  width: 100vw;
  height: 245px;
  margin-bottom: 0.8em;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.content_single > .imgUne > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content_single > .imgUne > figcaption {
  font-size: 0.9em;
  background-color: var(--gris);
  color: var(--marron);
  padding: 1em;
  margin-top: -5px;
}

.content_single > .infosArticle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.6em;
  margin: 2em 0;
  padding-bottom: 1em;
  border-bottom: 2px solid var(--grisF);
}

.content_single > .infosArticle > p {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "InBo";
  text-transform: lowercase;
  margin: 0;
}

.content_single > .infosArticle > p > i {
  font-size: 1.2em;
}

.content_single > .infosArticle > p > span {
  text-transform: initial;
  font-family: "InBo";
}

.content_single > .chapeau {
  padding-bottom: 1em;
  margin-bottom: 2em;
  border-bottom: 2px solid var(--grisF);
}

.content_single > .chapeau > p {
  font-family: "InSB";
}

.points3 {
  width: 25px;
  height: 25px;
  background-color: var(--rouge);
  border-radius: 50%;
  margin: auto;
  position: relative;
}

.points3:before, .points3:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: var(--rouge);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.points3:before {
  left: -35px;
}

.points3:after {
  right: -35px;
}

/* À LIRE AUSSI */
.lire_aussi {
  width: 100vw;
  padding: 2em 0;
  margin-top: 4em;
  background-color: var(--bleu);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.25);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.lire_aussi > h3 {
  text-transform: uppercase;
  color: var(--bleuF);
  font-family: "InBo";
  text-align: center;
  padding: 0;
}

.lire_aussi > h3:before {
  display: none;
}

.lire_aussi > .points3, .lire_aussi > .points3:before, .lire_aussi > .points3:after {
  width: 15px;
  height: 15px;
  background-color: var(--bleuF);
}

.lire_aussi > .points3:before {
  left: -25px;
}

.lire_aussi > .points3:after {
  right: -25px;
}

.lire_aussi > div:last-child {
  margin: 2em 0 0 1em;
}

.lire_aussi > div > .frame > div {
  display: flex;
  align-items: stretch;
  padding-right: 1em;
}

.lire_aussi > div > .frame a {
  display: block;
  flex: 0 0 215px;
  max-width: 215px;
  float: left;
  margin-right: 1em;
  background-color: #EFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.lire_aussi > div > .frame a > div:first-child {
  height: 125px;
  overflow: hidden;
}

.lire_aussi > div > .frame a > div:first-child > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}

.lire_aussi > div > .frame a:hover > div:first-child > img {
  transform: scale(1.1);
}

.lire_aussi > div > .frame a > div:last-child {
  padding: 1em 0.5em;
}

.lire_aussi > div > .frame a > div > div {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.lire_aussi > div > .frame a > div > div > .cat {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InM";
  font-size: 0.8em;
  margin: 0;
}

.lire_aussi > div > .frame a > div > div > span {
  display: block;
  flex: 1;
  height: 2px;
  background-color: var(--marron);
}

.lire_aussi > div > .frame a > div > div > p:last-of-type {
  color: var(--marron);
  font-family: "InSB";
  font-size: 0.7em;
  text-transform: lowercase;
  margin: 0;
}

.lire_aussi > div > .frame a > div > div > i {
  color: var(--marron);
  font-size: 0.9em;
}

.lire_aussi > div > .frame a > div > h5 {
  color: var(--grisF);
  margin: 0.5em 0 0;
  font-size: 1.1em;
}

/* DANS LA MÊME RUBRIQUE */
.content_single > .sameCat {
  margin: 4em 0 2em;
}

.content_single > .sameCat > h2 {
  text-transform: uppercase;
  font-family: "InL";
  font-size: 1.65em;
  text-align: center;
}

.content_single > .sameCat > .points3, .content_single > .sameCat > .points3:before, .content_single > .sameCat > .points3:after {
  width: 15px;
  height: 15px;
}

.content_single > .sameCat > .points3:before {
  left: -25px;
}

.content_single > .sameCat > .points3:after {
  right: -25px;
}

.content_single > .sameCat > div {
  margin-top: 2em;
}

.content_single > .sameCat > div > a {
  display: flex;
  align-items: start;
  gap: 0.8em;
}

.content_single > .sameCat > div > a:not(:last-child) {
  padding-bottom: 1em;
  margin-bottom: 1em;
  position: relative;
}

.content_single > .sameCat > div > a:not(:last-child):after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CBCBCB;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.content_single > .sameCat > div > a > div:first-child {
  flex: 0 0 140px;
  max-width: 140px;
  height: 100px;
  overflow: hidden;
}

.content_single > .sameCat > div > a > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}

.content_single > .sameCat > div > a:hover > div > img {
  transform: scale(1.1);
}

.content_single > .sameCat > div > a > div > .cat {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InSB";
  font-size: 0.8em;
  margin: 0;
}

.content_single > .sameCat > div > a > div > h5 {
  color: var(--grisF);
  font-size: 1.2em;
  margin: 0.5em 0;
}

.content_single > .sameCat > div > a > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--marron);
}

.content_single > .sameCat > div > a > div > div > p {
  font-size: 0.7em;
  text-transform: lowercase;
  margin: 0;
}

.content_single > .add_ordi {
  display: none;
  margin-top: 2em;
}

/* MEDIA QUERIES */
@media screen and (min-width: 576px) {
  .content_single > .imgUne {
    height: 350px;
  }
  .lire_aussi > div > .frame a {
    flex: 0 0 275px;
    max-width: 275px;
  }
  .lire_aussi > div > .frame a > div:first-child {
    height: 150px;
  }
  .content_single > .sameCat > div > a > div:first-child {
    flex: 0 0 250px;
    max-width: 250px;
    height: 150px;
  }
  .content_single > .imgUne > figcaption, .content_single > .sameCat > div > a > div > .cat {
    font-size: 1em;
  }
  .content_single > .infosArticle {
    font-size: 0.8em;
  }
  .content_single > .sameCat > h2 {
    font-size: 1.8em;
  }
  .content_single > .sameCat > div > a > div > h5 {
    font-size: 1.4em;
  }
  .content_single > .sameCat > div > a > div > div > p {
    font-size: 0.9em;
  }
  .lire_aussi > div > .frame a > div:last-child {
    padding: 1.5em 0.5em;
  }
  .lire_aussi > div > .frame a > div > h5 {
    margin-top: 0.8em;
  }
}
@media screen and (min-width: 768px) {
  .wrap_content_single {
    margin-bottom: 85px;
  }
  .content_single > .imgUne {
    width: 100%;
    height: 450px;
    position: unset;
    transform: none;
  }
  .lire_aussi > div:last-child {
    margin-left: 4em;
  }
  .lire_aussi > div > .frame > div {
    padding-right: 4em;
  }
}
@media screen and (min-width: 990px) {
  .wrap_content_single {
    margin: 160px 0 60px;
  }
  .content_single > .imgUne {
    height: 550px;
  }
  .content_single > .cat {
    font-size: 1.4em;
    margin: 0.5em 0;
  }
  .content_single > .infosArticle {
    font-size: 0.9em;
    margin-bottom: 1em;
  }
  .content_single > .chapeau {
    padding-bottom: 0;
  }
  .lire_aussi > div > .frame a {
    margin-right: 2em;
  }
  .content_single > .sameCat > h2 {
    font-size: 2em;
  }
  .content_single > .sameCat > .points3 {
    margin-top: 1em;
  }
  .content_single > .sameCat > div:last-child {
    display: flex;
    align-items: stretch;
    gap: 2em 4em;
    flex-wrap: wrap;
  }
  .content_single > .sameCat > div > a {
    display: block;
    flex: 0 0 calc(50% - 2em);
    max-width: calc(50% - 2em);
  }
  .content_single > .sameCat > div > a:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .content_single > .sameCat > div > a:not(:last-child):after, .content_single > .add_mobile {
    display: none;
  }
  .content_single > .sameCat > div > a > div:first-child {
    max-width: 100%;
    width: 100%;
    height: 245px;
  }
  .content_single > .sameCat > div > a > div > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .content_single > .sameCat > div > a > div:last-child {
    padding-top: 1em;
  }
  .content_single > .sameCat > div > a > div > div > p {
    font-size: 1em;
  }
  .content_single > .sameCat > div > a > div > div > p > i {
    font-size: 1.2em;
  }
  .content_single > .add_ordi {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .wrap_content_single {
    margin-top: 170px;
  }
  .wrap_content_single > .container {
    max-width: 990px;
  }
  .lire_aussi > div:last-child {
    margin: 2em 2em 0;
  }
  .lire_aussi > div > .frame > div {
    justify-content: center;
    padding: 0;
  }
  .lire_aussi > div > .frame a {
    flex: 0 0 260px;
    max-width: 260px;
    margin-right: 1em;
  }
  .content_single > .sameCat {
    margin: 4em 0;
    width: 1140px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .content_single > .sameCat > div:last-child {
    gap: 1em;
  }
  .content_single > .sameCat > div > a {
    flex: 0 0 calc(25% - 0.8em);
    max-width: calc(25% - 0.8em);
  }
  .content_single > .sameCat > div > a > div:first-child {
    height: 200px;
  }
  .content_single > .infosArticle > p > i {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1440px) {
  .content_single > .imgUne {
    height: 650px;
  }
  .content_single > .cat {
    font-size: 1.6em;
  }
  .content_single > .sameCat {
    width: 1320px;
  }
}
@media screen and (min-width: 1700px) {
  .lire_aussi > div > .frame a {
    flex: 0 0 300px;
    max-width: 300px;
    margin-right: 2em;
  }
}
/********************** SOMMAIRE *******************/
/* CONTENU                              ligne : 8  */
/* FORMULAIRE                           ligne : 37 */
/* CONTENU */
.content_contact > .imgUne {
  margin: 0;
}

.content_contact > .content > .fond_gris {
  margin: 0;
  border-bottom: 2px solid var(--blanc);
  padding: 1em 0;
  position: relative;
}

.content_contact > .content > .fond_gris:after {
  content: "";
  width: 100vw;
  height: 100%;
  background-color: var(--gris);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.content_contact h3 {
  padding: 0;
}

.content_contact h3:before {
  display: none;
}

/* FORMULAIRE */
.forminator-ui .forminator-row:not(.forminator-row-last) .forminator-col:not(.forminator-field-consent) .forminator-field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  border: 1px solid #AFAFAF;
  border-radius: 5px;
  padding: 0.5em;
}

.forminator-ui .forminator-field > label {
  color: #AFAFAF;
}

.forminator-ui .forminator-field > label > .forminator-required, .forminator-ui .forminator-field > .forminator-error-message {
  color: var(--rouge);
  font-size: 0.8em;
}

.forminator-ui .forminator-field > input {
  flex: 1;
  border: none;
}

.forminator-ui .forminator-field > textarea {
  flex: 0 0 100%;
  max-width: 100%;
  border: none;
}

.forminator-ui .forminator-field > .forminator-checkbox__wrapper {
  display: flex;
  gap: 1em;
}

.forminator-ui .forminator-field > .forminator-checkbox__wrapper input {
  width: 22px;
  height: 22px;
}

.forminator-ui .forminator-field > .forminator-checkbox__wrapper p {
  margin: 0;
  font-size: 0.8em;
}

.forminator-row-last .forminator-field .btn {
  margin: 1em auto;
}

.forminator-row-last .forminator-field .btn:after {
  content: "\f1d8";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.2em;
}

/********************** SOMMAIRE ********************/
/* EN AVANT                             ligne : 17  */
/* LISTE                                ligne : 100 */
/* DERNIERS JOURNAUX                    ligne : 171 */
/* ARTICLES LES PLUS LUS                ligne : 301 */
/* PLUS D'ARTICLES                      ligne : 317 */
/* MEDIA QUERIES                        ligne : 378 */
.wrap_content_front {
  margin-top: 114px;
}

/* EN AVANT */
.en_avant {
  display: block;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #CBCBCB;
}

.en_avant > div:first-child {
  height: 230px;
  overflow: hidden;
  position: relative;
}

.en_avant > div:first-child > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}

.en_avant:hover > div:first-child > img {
  transform: scale(1.1);
}

.en_avant > div:last-child {
  width: 95%;
  margin: 0.8em auto 0;
}

.en_avant > div:last-child > .cat {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InSB";
  margin: 0;
}

.en_avant > div:last-child > h5 {
  margin: 0.4em 0;
  color: var(--grisF);
}

.favoris {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--marron);
  margin-top: 1em;
}

.favoris > p {
  font-size: 0.8em;
  text-transform: lowercase;
  margin: 0;
}

.favoris > p > i {
  font-size: 1.1em;
}

.abo {
  width: 100%;
  padding: 0.5em;
  background-image: linear-gradient(transparent, var(--noir));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.abo > div {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--blanc);
}

.abo > div > p:first-child {
  width: 18px;
  height: 18px;
  background-color: var(--rouge);
  font-size: 0.7em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.abo > div > p:last-child {
  margin: 0;
  font-family: "InBo";
  font-size: 0.8em;
  text-transform: lowercase;
  line-height: 1;
}

/* LISTE */
.content_front > .en_ligne:last-child {
  margin-bottom: 70px;
}

.en_ligne > a {
  display: block;
  padding: 1em 0;
  position: relative;
  z-index: 1;
}

.en_ligne > a:not(:last-child) {
  border-bottom: 1px solid #CBCBCB;
}

.en_ligne > a:last-child {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

.en_ligne > a.dossiers:before {
  content: "";
  width: 120px;
  height: 100%;
  background-color: #71C4C4;
  position: absolute;
  left: 0;
  bottom: 0;
}

.en_ligne > a > div {
  display: flex;
  align-items: start;
  gap: 0.8em;
  width: 95%;
  margin: auto;
  position: relative;
  z-index: 2;
}

.en_ligne > a > div > div:first-child {
  flex: 0 0 140px;
  max-width: 140px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.en_ligne > a > div > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}

.en_ligne > a:hover > div > div > img {
  transform: scale(1.1);
}

.en_ligne > a > div > div:last-child {
  flex: 1;
}

.en_ligne > a > div > div > .cat {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InSB";
  font-size: 0.8em;
  margin: 0;
}

.en_ligne > a > div > div > .cat > span {
  font-family: "InB";
  color: #71C4C4;
}

.en_ligne > a > div > div > h5 {
  color: var(--grisF);
  font-size: 1.1em;
  margin: 0.5em 0;
}

/* DERNIERS JOURNAUX */
.journaux {
  background-color: var(--gris);
  padding: 3em 0;
}

.journaux > .code-block {
  display: none !important;
}

.journaux > h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: "InL";
  font-size: 1.6em;
  margin-top: 0;
}

.journaux > .points3, .journaux > .points3:before, .journaux > .points3:after {
  width: 15px;
  height: 15px;
}

.journaux > .points3:before {
  left: -25px;
}

.journaux > .points3:after {
  right: -25px;
}

.journaux > .newspaper {
  margin: 2em 0 2em 0.5em;
}

.journaux > div .frame > div {
  padding-right: 0.5em;
}

.journaux > div .frame a {
  float: left;
  width: 215px;
  margin-right: 1em;
}

.journaux > div .frame a > h6 {
  text-transform: lowercase;
  font-size: 0.8em;
  color: var(--marron);
  margin-top: 0;
}

.journaux > div .frame a > div:first-of-type {
  height: 275px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.journaux > div .frame a > div:first-of-type > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.journaux > div .frame a > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.journaux > div .frame a > div > .btn {
  margin-bottom: 0;
  font-size: 0.8em;
}

.journaux > div .frame a > div > .btn:last-child {
  background-color: var(--orange);
  border-color: var(--orange);
  padding: 0.4em 1em 0.6em;
}

.journaux > div .frame a > div > .btn:last-child:hover {
  background-color: transparent;
  color: var(--orange);
}

.journaux > .abonnement {
  background-color: var(--rouge);
  padding: 1.5em 0;
}

.journaux > .abonnement > .btn {
  margin: auto;
  border-color: var(--blanc);
  background-color: transparent;
  text-transform: uppercase;
}

.journaux > .abonnement > .btn:hover {
  background-color: var(--blanc);
  color: var(--rouge);
}

.journaux > div:last-child {
  width: 95%;
  margin: 1.8em auto 0;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2em;
}

.journaux > div:last-child > p:not(.ou) {
  color: var(--rouge);
  font-family: "InL";
  margin: 0;
  font-size: 1.3em;
  position: relative;
}

.journaux > div:last-child > p:not(.ou):before {
  content: "";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid var(--rouge);
  position: absolute;
  top: -30px;
}

.journaux > div:last-child > p:first-child:before {
  left: 5px;
}

.journaux > div:last-child > p:last-child:before {
  right: 5px;
}

.journaux > div:last-child > p > span {
  display: block;
  font-family: "InBo";
}

.journaux > div:last-child > p:last-child {
  text-align: right;
}

.journaux > div:last-child > .ou {
  margin: 0;
  font-size: 1.3em;
  font-family: "inSB";
}

/* ARTICLES LES PLUS LUS */
.content_front > .lire_aussi {
  margin-top: 0;
  box-shadow: none;
  padding: 3em 0;
}

.content_front > .lire_aussi > h3 {
  margin-top: 0;
  font-size: 1.4em;
}

.lire_aussi + .en_avant {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
  position: relative;
}

/* SÉLECTION DE LA RÉDACTION */
.content_front > .select_redac {
  background-color: #EDF5CB;
}

.content_front > .select_redac > h3 {
  color: #737A57;
}

.content_front > .select_redac > .points3, .content_front > .select_redac > .points3:before, .content_front > .select_redac > .points3:after {
  background-color: #737A57;
}

.content_front > .select_redac > div > .frame a {
  background-color: #FDFFF5;
}

.select_redac + .en_ligne > a:first-child, .first_part + .en_ligne > a:first-child {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
  position: relative;
}

.select_redac + .en_ligne > a:last-child {
  box-shadow: none;
}

/* PLUS D'ARTICLES */
.plus_articles {
  background-color: var(--rouge);
  padding: 1.5em 0 100px;
}

.plus_articles > .btn {
  margin: auto;
  border-color: var(--blanc);
  background-color: transparent;
  text-transform: uppercase;
  padding: 0.4em 1em 0.6em;
}

.plus_articles > .btn:hover {
  background-color: var(--blanc);
  color: var(--rouge);
}

.plus_articles .points3 {
  background-color: var(--blanc);
  width: 10px;
  height: 10px;
  margin: 0 15px;
}

.plus_articles .points3:before, .plus_articles .points3:after {
  width: 10px;
  height: 10px;
  background-color: var(--blanc);
}

.plus_articles .points3:before {
  left: -14px;
}

.plus_articles .points3:after {
  right: -14px;
}

.plus_articles > .btn:hover > .points3, .plus_articles > .btn:hover > .points3:before, .plus_articles > .btn:hover > .points3:after {
  background-color: var(--rouge);
}

/* MEDIA QUERIES */
@media screen and (min-width: 576px) {
  .en_avant > div:first-child {
    height: 300px;
  }
  .journaux > .newspaper {
    margin-left: 2em;
  }
  .journaux > div .frame > div {
    padding-right: 1em;
  }
  .journaux > div .frame a {
    width: 240px;
    margin-right: 2em;
  }
  .journaux > div .frame a > div:first-of-type {
    height: 310px;
  }
  .journaux > div .frame a > h6 {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 768px) {
  .en_avant > div:first-child {
    height: 350px;
  }
  .en_ligne {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
    border-bottom: 1px solid #CBCBCB;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    padding: 1em 0;
    position: relative;
    z-index: 1;
  }
  .en_ligne > a {
    flex: 0 0 calc(33.33% - 0.7em);
    max-width: calc(33.33% - 0.7em);
  }
  .en_ligne > a:not(:last-child), .content_front > .en_ligne:last-child {
    border-bottom: none;
  }
  .en_ligne > a:last-child, .select_redac + .en_ligne > a:first-child, .first_part + .en_ligne > a:first-child, .content_front > .en_ligne:last-child {
    box-shadow: none;
  }
  .en_ligne > a > div {
    display: block;
  }
  .en_ligne > a > div > div:first-child {
    max-width: 100%;
    height: 210px;
    margin-bottom: 0.8em;
  }
  .en_ligne > a.dossiers:before {
    width: 100%;
    height: 210px;
    top: 1em;
    bottom: unset;
  }
  .en_ligne > a.dossiers > div > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .en_ligne > a.dossiers > div > div:first-child > img {
    width: 80%;
    height: 80%;
  }
}
@media screen and (min-width: 990px) {
  .wrap_content_front {
    margin-top: 127px;
  }
  .plus_articles {
    padding: 1.5em 0;
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 1200px) {
  .wrap_content_front {
    margin-top: 160px;
  }
  .content_front {
    max-width: 1140px;
    margin: auto;
    padding-top: 2em;
    position: relative;
  }
  .content_front:before {
    content: url("../img/points_rouge.webp");
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .content_front > .code-block {
    display: none !important;
  }
  .journaux > .code-block {
    display: block !important;
    margin-top: 0 !important;
  }
  .first_part {
    display: flex;
    align-items: stretch;
    gap: 1em;
  }
  .first_part > div:last-child {
    flex: 0 0 400px;
    max-width: 400px;
  }
  .journaux {
    padding: 0 0 2em;
  }
  .journaux > div .frame a {
    width: 230px;
  }
  .journaux > div .frame a > div:first-of-type {
    height: 295px;
  }
  .en_avant {
    display: flex;
    gap: 1em;
    padding-bottom: 1.5em;
  }
  .en_avant > div:first-child {
    flex: 0 0 435px;
    max-width: 350px;
    height: 250px;
  }
  .en_ligne {
    box-shadow: none;
  }
  .content_front > .en_ligne {
    border-bottom: none;
  }
  .content_front > .en_ligne > a {
    flex: 0 0 calc(25% - 0.8em);
    max-width: calc(25% - 0.8em);
  }
  .plus_articles {
    width: 101vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .lire_aussi + .en_avant {
    box-shadow: none;
    max-width: 1000px;
    margin: 2em auto 0;
  }
  .lire_aussi + .en_avant + .en_ligne {
    max-width: 1000px;
    margin: auto;
  }
  .lire_aussi + .en_avant + .en_ligne > a {
    flex: 0 0 calc(33.33% - 0.7em);
    max-width: calc(33.33% - 0.7em);
  }
}
@media screen and (min-width: 1440px) {
  .content_front {
    max-width: 1320px;
  }
}
.content_archive > .en_ligne:last-child {
  margin-bottom: 70px;
}

.content_archive .journaux {
  padding-top: 0;
}

.content_archive .journaux > .abonnement > .points3 {
  background-color: var(--blanc);
  width: 15px;
  height: 15px;
  margin-bottom: 1.5em;
}

.content_archive .journaux > .abonnement > .points3:before, .content_archive .journaux > .abonnement > .points3:after {
  background-color: var(--blanc);
  width: 15px;
  height: 15px;
}

.content_archive .journaux > .abonnement > .points3:before {
  left: -25px;
}

.content_archive .journaux > .abonnement > .points3:after {
  right: -25px;
}

.content_archive > .en_ligne {
  border-bottom: none;
}

/* MEDIA QUERIES */
@media screen and (min-width: 1200px) {
  .content_archive {
    max-width: 1140px;
    margin: auto;
    padding-top: 2em;
    position: relative;
  }
  .content_archive:before {
    content: url("../img/points_rouge.webp");
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .content_archive > .code-block {
    display: none !important;
  }
  .content_archive > .first_part {
    flex-wrap: wrap;
  }
  .content_archive > .first_part > .en_avant {
    flex: 0 0 calc(100% - 1em - 400px);
    max-width: calc(100% - 1em - 400px);
    order: 1;
  }
  .content_archive > .first_part > .journaux {
    flex: 0 0 400px;
    max-width: 400px;
    order: 2;
  }
  .content_archive .journaux > .code-block {
    margin-bottom: 0 !important;
  }
  .content_archive > .first_part > .en_ligne {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
  }
  .content_archive .en_ligne > a {
    flex: 0 0 calc(25% - 0.75em);
    max-width: calc(25% - 0.75em);
  }
  .content_archive .en_avant {
    margin-top: 2em;
  }
}
@media screen and (min-width: 1440px) {
  .content_front {
    max-width: 1320px;
  }
}
/********************** SOMMAIRE ********************/
/* RUBRIQUES                            ligne : 25  */
/* PROCHE DE CHEZ VOUS                  ligne : 89  */
/* LE DERNIER JOURNAL                   ligne : 183 */
/* MEDIA QUERIES                        ligne : 223 */
.content_rubriques {
  position: relative;
}

.content_rubriques:before {
  content: "";
  width: 100vw;
  height: 2px;
  background-color: var(--rouge);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* RUBRIQUES */
.content_rubriques > .rubriques {
  display: flex;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
  padding: 1em 0;
}

.content_rubriques > .rubriques > a {
  flex: 0 0 calc(50% - 0.25em);
  max-width: calc(50% - 0.25em);
  height: 100px;
  border-radius: 10px;
  display: block;
  margin: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.content_rubriques > .rubriques > a > p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5em 0.4em;
  font-family: "InSB";
  text-transform: lowercase;
  color: var(--blanc);
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.content_rubriques > .rubriques > a > p:before {
  content: "";
  width: 100%;
  height: 80px;
  background-image: linear-gradient(transparent, var(--noir));
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.content_rubriques > .rubriques > a > p > i {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--blanc);
  border-radius: 50%;
  transition: all 0.3s;
}

.content_rubriques > .rubriques > a:hover > p > i {
  transform: rotate(360deg);
}

.content_rubriques > .rubriques > a > p > i:before {
  transform: scale(0.85);
}

/* PROCHE DE CHEZ VOUS */
.content_rubriques > div > .proche_vous {
  padding: 2em 0;
  position: relative;
}

.content_rubriques > div > .proche_vous:before {
  content: "";
  width: 110vw;
  height: 100%;
  background-color: var(--gris);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.content_rubriques > div > .proche_vous > h5 {
  text-align: center;
  color: var(--rouge);
  text-transform: lowercase;
  margin: 0 0 0.5em;
}

.content_rubriques > div > .proche_vous > .points3 {
  width: 15px;
  height: 15px;
}

.content_rubriques > div > .proche_vous > .points3:before, .content_rubriques > div > .proche_vous > .points3:after {
  width: 15px;
  height: 15px;
}

.content_rubriques > div > .proche_vous > .points3:before {
  left: -25px;
}

.content_rubriques > div > .proche_vous > .points3:after {
  right: -25px;
}

.content_rubriques > div > .proche_vous > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  flex-wrap: wrap;
  margin-top: 1.5em;
}

.content_rubriques > div > .proche_vous > div > a {
  flex: 0 0 calc(33.33% - 0.4em);
  max-width: calc(33.33% - 0.4em);
  height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  position: relative;
}

.content_rubriques > div > .proche_vous > div > a > p {
  width: 100%;
  color: var(--blanc);
  text-align: center;
  padding: 0 0.2em 0.5em;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.content_rubriques > div > .proche_vous > div > a > p:before {
  content: "";
  width: 100%;
  height: 80px;
  background-image: linear-gradient(transparent, var(--noir));
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.content_rubriques > div > .proche_vous > div > a > p > * {
  display: block;
  position: relative;
  z-index: 1;
}

.content_rubriques > div > .proche_vous > div > a > p > i {
  margin-bottom: 0.2em;
  font-size: 1.3em;
  transition: all 0.3s;
}

.content_rubriques > div > .proche_vous > div > a:hover > p > i {
  margin-bottom: 0.8em;
}

.content_rubriques > div > .proche_vous > div > a > p > span {
  font-size: 1.1em;
  font-family: "InSB";
}

/* LE DERNIER JOURNAL */
.content_rubriques > div > .lastJournal {
  padding-bottom: 1em;
}

.content_rubriques > div > .lastJournal > h5 {
  color: var(--rouge);
  text-transform: uppercase;
  text-align: center;
}

.content_rubriques > div > .lastJournal > a {
  display: block;
  margin-top: 1em;
}

.content_rubriques > div > .lastJournal > a > h6 {
  text-align: center;
  text-transform: lowercase;
  color: var(--marron);
  margin-top: 0;
}

.content_rubriques > div > .lastJournal > a > div:first-of-type {
  max-width: 300px;
  margin: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.content_rubriques > div > .lastJournal > a > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.content_rubriques > div > .lastJournal > a > div > .btn:last-child {
  background-color: var(--orange);
  border-color: var(--orange);
}

.content_rubriques > div > .lastJournal > a > div > .btn:last-child:hover {
  background-color: var(--blanc);
  color: var(--orange);
}

/* MEDIA QUERIES */
@media screen and (min-width: 576px) {
  .content_rubriques > .rubriques > a {
    height: 150px;
  }
  .content_rubriques > div > .proche_vous > div > a {
    height: 200px;
  }
}
@media screen and (min-width: 768px) {
  .content_rubriques > .rubriques > a {
    flex: 0 0 calc(33.33% - 0.4em);
    max-width: calc(33.33% - 0.4em);
    height: 200px;
  }
  .content_rubriques > div > .proche_vous > div > a {
    flex: 0 0 calc(25% - 0.4em);
    max-width: calc(25% - 0.4em);
  }
}
@media screen and (min-width: 990px) {
  .content_rubriques > div > .proche_vous > div > a > p > i {
    margin-bottom: 0.4em;
    font-size: 1.6em;
  }
}
@media screen and (min-width: 1200px) {
  .content_rubriques > .rubriques {
    padding: 2em 0;
  }
  .content_rubriques > .rubriques > a {
    flex: 0 0 calc(25% - 0.4em);
    max-width: calc(25% - 0.4em);
  }
  .content_rubriques > .rubriques > a > p {
    font-size: 1.2em;
    padding: 0 0.6em 0.6em;
  }
  .content_rubriques > .rubriques > a > p:before {
    height: 100px;
  }
  .content_rubriques > .rubriques > a > p > i {
    width: 25px;
    height: 25px;
  }
  .content_rubriques > div:last-child {
    display: flex;
    justify-content: space-between;
  }
  .content_rubriques > div > .proche_vous {
    flex: 1;
  }
  .content_rubriques > div > .proche_vous:before {
    width: 125%;
    left: unset;
    right: 0;
    transform: unset;
  }
  .content_rubriques > div > .proche_vous > div > a {
    height: 250px;
  }
  .content_rubriques > div > .lastJournal {
    flex: 0 0 400px;
    max-width: 400px;
    padding: 0;
    align-self: center;
  }
  .content_rubriques > div > .proche_vous > div > a {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media screen and (min-width: 1440px) {
  .content_rubriques > .rubriques {
    padding-bottom: 4em;
    gap: 1em;
  }
  .content_rubriques > .rubriques > a {
    flex: 0 0 calc(25% - 0.8em);
    max-width: calc(25% - 0.8em);
  }
  .content_rubriques > div > .proche_vous > div:last-child {
    max-width: 850px;
    margin: 1.5em auto 0;
    gap: 1em;
  }
  .content_rubriques > div > .proche_vous > div > a {
    height: 300px;
  }
  .content_rubriques > div > .proche_vous > div > a > p > i {
    font-size: 1.8em;
  }
  .content_rubriques > div > .proche_vous > div > a > p > span {
    font-size: 1.4em;
  }
  .content_rubriques > div > .lastJournal > a > div:first-of-type {
    max-width: 350px;
  }
}
@media screen and (min-width: 1700px) {
  .content_rubriques > div > .proche_vous:before {
    width: 135%;
  }
}
@media screen and (min-width: 1920px) {
  .content_rubriques > div > .proche_vous:before {
    width: 170%;
  }
}
/********************** SOMMAIRE ********************/
/* ENTETE                               ligne : 16  */
/* CONTENU                              ligne : 81  */
/* AUTRES ÉDITIONS                      ligne : 121 */
/* ABONNEMENTS JOURNAUX                 ligne : 197 */
/* REMONTÉE DES JOURNAUX                ligne : 391 */
/* MEDIA QUERIES                        ligne : 515 */
.wrap_content_journaux {
  margin: 70px 0 0;
}

/* ENTETE */
.content_journal h1, .content_journaux h1 {
  color: var(--rouge);
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 65px;
  margin-bottom: 0.5em;
  position: relative;
}

.content_journal h1:before, .content_journaux h1:before {
  content: url("../img/points_rouge.webp");
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content_journal > .retour {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100vw;
  max-width: 1450px;
  margin: auto;
  padding: 1em 0.6em;
  background-color: var(--gris);
  border-top: 1px solid var(--rouge);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.content_journal > .retour > a {
  display: flex;
  align-items: center;
  gap: 7px;
  text-transform: lowercase;
  color: var(--marron);
  font-family: "InBo";
}

.content_journal > .retour > a > i {
  font-size: 1.15em;
  transition: all 0.3s;
}

.content_journal > .retour > a:hover > i {
  margin-left: -8px;
}

.content_journal > .retour > div div.heateor_sss_sharing_ul > a {
  margin: 0 4px;
}

.content_journal > .imgUne {
  width: 100vw;
  height: 245px;
  margin-bottom: 2em;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.content_journal > .imgUne > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* CONTENU */
.content_journal > .content > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.content_journal > .content > div > .btn {
  border-color: var(--orange);
  background-color: var(--orange);
}

.content_journal > .content > div > .btn:hover {
  background-color: var(--blanc);
  color: var(--orange);
}

.content_journal > .content > div:first-child > p {
  text-transform: uppercase;
  color: var(--marron);
  margin: 0;
  font-size: 1.2em;
}

.content_journal > .content > div:first-child > p > span {
  display: block;
  text-transform: lowercase;
  font-family: "InEB";
}

.content_journal > .content > div:last-child {
  margin-top: 1em;
}

.content_journal > .content > div:last-child > h6 {
  margin-top: 0;
  color: var(--rouge);
  text-transform: uppercase;
  font-size: 1.2em;
}

.content_journal > .content > div:last-child > div > p {
  margin-bottom: 0.2em;
}

/* AUTRES ÉDITIONS */
.content_journal > .autresEditions {
  width: 100vw;
  margin-top: 1em;
  padding: 2em 0;
  background-color: var(--gris);
  border-top: 1px solid var(--rouge);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.content_journal > .autresEditions > h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: "InL";
  font-size: 1.6em;
  margin-top: 0;
}

.content_journal > .autresEditions > .points3, .content_journal > .autresEditions > .points3:before, .content_journal > .autresEditions > .points3:after {
  width: 15px;
  height: 15px;
}

.content_journal > .autresEditions > .points3:before {
  left: -25px;
}

.content_journal > .autresEditions > .points3:after {
  right: -25px;
}

.content_journal > .autresEditions .frame {
  margin: 2em 0 0 1em;
}

.content_journal > .autresEditions .frame > div {
  padding-right: 0.5em;
}

.content_journal > .autresEditions .frame a {
  float: left;
  width: 215px;
  margin-right: 1em;
}

.content_journal > .autresEditions .frame a > h6 {
  text-transform: lowercase;
  font-size: 0.8em;
  color: var(--marron);
  margin-top: 0;
}

.content_journal > .autresEditions .frame a > div:first-of-type {
  height: 275px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.content_journal > .autresEditions .frame a > div:first-of-type > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.content_journal > .autresEditions .frame a > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.content_journal > .autresEditions .frame a > div > .btn {
  margin-bottom: 0;
  font-size: 0.8em;
}

.content_journal > .autresEditions .frame a > div > .btn:last-child {
  background-color: var(--orange);
  border-color: var(--orange);
  padding: 0.4em 1em 0.6em;
}

.content_journal > .autresEditions .frame a > div > .btn:last-child:hover {
  background-color: transparent;
  color: var(--orange);
}

/* ABONNEMENTS JOURNAUX */
.content_journal .mepr-unauthorized-message > div:first-child {
  width: 100vw;
  height: 660px;
  position: absolute;
  bottom: 1100px;
  left: 50%;
  transform: translateX(-50%);
}

.content_journal .mepr-unauthorized-message > div:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--blanc);
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
}

.content_journal .mepr-unauthorized-message > div:first-child:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/hachures_la_lozere_nouvelle.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
}

.content_journal .mepr-unauthorized-message > div:first-child > div {
  max-width: 250px;
  background-color: var(--blanc);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
  padding: 2em;
  text-align: center;
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.content_journal .mepr-unauthorized-message > div:first-child > div > p:first-child {
  font-size: 3.5em;
  margin: 0;
}

.content_journal .mepr-unauthorized-message > div:first-child > div > p:last-child {
  margin: 1em 0 0;
  text-transform: uppercase;
  font-family: "InBo";
  min-width: 180px;
  line-height: 1.4;
}

.content_journal .mepr-unauthorized-message > div:last-child {
  padding-top: 2em;
  position: relative;
}

.content_journal .mepr-unauthorized-message > div:last-child:before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: var(--rouge);
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.content_journal .mepr-unauthorized-message > div:last-child > div > h6, .content_journal .mepr-unauthorized-message > div:last-child > div:last-child > h6 {
  margin: 0;
  color: var(--rouge);
  font-family: "InB";
  text-align: center;
  font-size: 1.4em;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:first-child > p:first-of-type {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InL";
  text-align: center;
}

.mp_login_form .mp-form-row {
  position: relative;
}

.mp_login_form .mp-form-row.mepr_username {
  margin-bottom: 1em;
}

.mp_login_form .mp-form-row label {
  font-size: 0.9em;
  color: #8E8E8E;
  background-color: var(--blanc);
  width: -moz-max-content !important;
  width: max-content !important;
  padding: 0.2em;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 0.3s;
}

.mp_login_form .mp-form-row label.focus {
  top: 0;
}

.mp_login_form .mp-form-row input {
  border: 1px solid #AFAFAF;
  border-radius: 6px;
}

.mp_login_form .mp-form-row .mp-hide-pw > .mp-hide-pw {
  display: none;
}

.mp_login_form .mp-form-row + div:not(.mp-form-row) {
  text-transform: lowercase;
  color: #8E8E8E;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  gap: 5px;
}

.mp_login_form .submit > input {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "InBo";
  font-size: 1.1em;
  color: var(--blanc);
  background: var(--orange);
  border: 2px solid var(--orange);
  border-radius: 25px;
  padding: 0.4em 1.8em 0.6em;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 1em auto 0;
  text-transform: lowercase;
  cursor: pointer;
  transition: all 0.3s;
}

.mp_login_form .submit > input:hover {
  background-color: transparent;
  color: var(--orange);
}

.mp_login_form .mp-spacer {
  display: none;
}

.mp_login_form .mepr-login-actions {
  text-align: center;
  margin-top: 0.4em;
}

.mp_login_form .mepr-login-actions > a {
  color: var(--orange);
  text-decoration: underline;
  text-transform: lowercase;
  transition: all 0.3s;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child {
  margin: 2em 0 -1em;
  padding: 2em 0;
  position: relative;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child:before {
  content: "";
  width: 100vw;
  height: 100%;
  background-color: var(--gris);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child > p {
  margin: 0;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child > p > .btn:first-child {
  text-transform: uppercase;
  background-color: transparent;
  color: var(--rouge);
  margin: 1em auto 0;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child > p > .btn:first-child:hover {
  color: var(--blanc);
  background-color: var(--rouge);
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child > p > .btn:last-child {
  margin: 0 auto;
}

.content_journal .mepr-unauthorized-message > div:last-child > div:last-child > p > .btn:after {
  display: none;
}

.content_journal .mepr-login-form-wrap {
  display: none;
}

/* REMONTÉE DES JOURNAUX */
.content_journaux > .supplement {
  border-top: 1px solid var(--rouge);
}

.content_journaux > .supplement > div:first-child:not(:last-child) {
  background-color: var(--vert);
  padding: 2em 1em;
}

.content_journaux > .supplement > div:first-child:not(:last-child) > a {
  display: block;
  margin: auto;
}

.content_journaux > .supplement > div:first-child:not(:last-child) > a > h6 {
  margin-top: 0;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 0.8em;
  color: #586426;
}

.content_journaux > .supplement > div:first-child:not(:last-child) > a > div {
  max-width: 260px;
  height: 340px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin: auto;
}

.content_journaux > .supplement > div:first-child:not(:last-child) > a > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content_journaux > .supplement > div:first-child:not(:last-child) > a > .btn {
  margin: 1em auto 0;
  background-color: var(--orange);
  border-color: var(--orange);
}

.content_journaux > .supplement > div:first-child:not(:last-child) > a > .btn:hover {
  background-color: transparent;
  color: var(--orange);
}

.content_journaux > .supplement > div:last-child {
  border: 10px solid var(--rouge);
}

.content_journaux > .supplement > div:last-child > h5 {
  margin-top: 0;
  text-align: center;
  text-transform: uppercase;
  color: var(--blanc);
  background-color: var(--rouge);
  padding: calc(1em - 10px) 0 1em;
  font-family: "InSB";
  font-size: 1em;
}

.content_journaux .journalE {
  display: block;
  width: 260px;
  margin: 0 auto 1em;
}

.content_journaux .journalE > h6 {
  color: var(--marron);
  text-transform: lowercase;
  margin-top: 1.5em;
  font-size: 1em;
}

.content_journaux .journalE > h6 > span {
  display: block;
  font-family: "In";
  text-transform: uppercase;
}

.content_journaux .journalE > div:first-of-type {
  height: 340px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.content_journaux .journalE > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.content_journaux .journalE > div:last-child > h5 {
  display: none;
}

.content_journaux .journalE > div:last-child > h6 {
  display: none;
}

.content_journaux .journalE > div:last-child > div, .content_journaux > .journaux_num > a > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.content_journaux .journalE > div > div > .btn, .content_journaux > .journaux_num > a > div:last-child > .btn {
  margin-bottom: 0;
  font-size: 0.8em;
}

.content_journaux .journalE > div > div > .btn:last-child, .content_journaux > .journaux_num > a > div:last-child > .btn:last-child {
  background-color: var(--orange);
  border-color: var(--orange);
  padding: 0.4em 1em 0.6em;
}

.content_journaux .journalE > div > div > .btn:last-child:hover, .content_journaux > .journaux_num > a > div:last-child > .btn:last-child:hover {
  background-color: transparent;
  color: var(--orange);
}

.content_journaux > .journaux_num {
  padding-bottom: 0.5em;
}

.content_journaux > .journaux_num > a {
  padding-top: 50px;
  position: relative;
}

.content_journaux > .journaux_num > a:before {
  content: "";
  width: 110vw;
  height: 50px;
  background-color: var(--gris);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* MEDIA QUERIES */
@media screen and (min-width: 524px) {
  .content_journal .mepr-unauthorized-message > div:first-child {
    height: 590px;
  }
}
@media screen and (min-width: 576px) {
  .content_journal h1, .content_journaux h1 {
    font-size: 2.4em;
  }
  .content_journal > .imgUne {
    height: 350px;
  }
  .content_journal > .content > div:first-child {
    gap: 2em;
  }
  .content_journal > .autresEditions .frame > div {
    padding-right: 1em;
  }
  .content_journal > .autresEditions .frame a {
    width: 240px;
  }
  .content_journal > .autresEditions .frame a > div:first-of-type {
    height: 310px;
  }
  .content_journal > .autresEditions .frame a > h6 {
    font-size: 0.9em;
  }
  .content_journal .mepr-unauthorized-message > div:first-child {
    height: 695px;
    bottom: 1140px;
  }
  .content_journal .mepr-unauthorized-message > div:first-child > div {
    top: 200px;
  }
}
@media screen and (min-width: 768px) {
  .content_journal > .imgUne {
    height: 450px;
  }
  .content_journal > .autresEditions:before {
    content: "";
    width: 100%;
    height: 85px;
    background-color: var(--gris);
    position: absolute;
    left: 0;
    bottom: -85px;
  }
  .content_journal > .autresEditions .frame a {
    width: 265px;
    margin-right: 2em;
  }
  .content_journal > .autresEditions .frame a > div:first-of-type {
    height: 340px;
  }
  .content_journal .mepr-unauthorized-message > div:first-child {
    height: 795px;
    bottom: 1190px;
  }
  .content_journal .mepr-unauthorized-message > div:first-child > div {
    top: 290px;
  }
  .content_journal .mepr-unauthorized-message > div:last-child > div > h6, .content_journal .mepr-unauthorized-message > div:last-child > div:last-child > h6 {
    font-size: 1.6em;
  }
  .content_journaux .journalE {
    width: 310px;
  }
  .content_journaux .journalE > div:first-of-type {
    height: 400px;
  }
  .content_journaux > .supplement > div:first-child:not(:last-child) > a > div {
    max-width: 310px;
    height: 400px;
  }
}
@media screen and (min-width: 990px) {
  .content_journal h1, .content_journaux h1 {
    font-size: 2.6em;
  }
  .wrap_content_journaux {
    margin-top: 90px;
  }
  .content_journal > .imgUne {
    height: 550px;
  }
  .content_journal > .content {
    display: flex;
    align-items: start;
    gap: 1em;
    flex-wrap: wrap;
  }
  .content_journal > .content > div {
    flex: 0 0 calc(50% - 0.5em);
    max-width: calc(50% - 0.5em);
  }
  .content_journal > .content > div:first-child {
    margin-top: 2em;
  }
  .content_journal > .content > div > .btn {
    font-size: 1.2em;
  }
  .content_journal > .content > div:first-child > p {
    font-size: 1.4em;
  }
  .content_journal > .autresEditions:before {
    display: none;
  }
  .content_journal > .autresEditions .frame a {
    width: 310px;
  }
  .content_journal > .autresEditions .frame a > div:first-of-type {
    height: 400px;
  }
  .content_journal .mepr-unauthorized-message > div:first-child {
    height: 840px;
    bottom: 2070px;
  }
  .content_journal .mepr-unauthorized-message > div:last-child {
    width: 100vw;
    padding: 3em 0 0 1em;
    display: flex;
    align-items: center;
    gap: 1em;
    margin-bottom: 2em;
    position: relative;
    left: -50.75vw;
  }
  .content_journal .mepr-unauthorized-message > div:last-child > div {
    flex: 0 0 calc(50% - 0.5em);
    max-width: calc(50% - 0.5em);
  }
  .content_journal .mepr-unauthorized-message > div:last-child > div:last-child {
    margin: 0;
    padding: 4.5em 1em;
  }
  .content_journal .mepr-unauthorized-message > div:last-child > div:last-child:before {
    width: 100%;
  }
  .content_journaux > .supplement {
    max-width: 960px;
    margin: auto;
    display: flex;
    gap: 1em;
    padding-top: 1em;
  }
  .content_journaux > .supplement > div:first-child:not(:last-child) {
    order: 2;
    padding: 2em;
  }
  .content_journaux > .supplement > div:last-child {
    flex: 1;
    order: 1;
  }
  .content_journaux > .journaux_num {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4em 2em;
    flex-wrap: wrap;
    max-width: 960px;
    margin: 4em auto;
  }
  .content_journaux > .journaux_num > a {
    flex: 0 0 280px;
    max-width: 280px;
    padding: 0;
    margin: 0;
  }
  .content_journaux > .journaux_num > a:before {
    display: none;
  }
  .content_journaux > .journaux_num > a > div:first-of-type {
    height: 360px;
  }
  .content_journaux > .journaux_num > a > h6 {
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .wrap_content_journaux {
    margin-top: 90px;
  }
  .content_journal > .retour, .content_journal > .imgUne {
    width: 100%;
    position: relative;
    left: unset;
    transform: none;
  }
  .content_journal > .autresEditions .frame > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    padding: 0;
  }
  .content_journal > .autresEditions {
    width: auto;
    margin-top: 2em;
    background-color: unset;
    border-top: unset;
    left: unset;
    transform: unset;
  }
  .content_journal > .autresEditions:before {
    display: block;
    border-top: 1px solid var(--rouge);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .content_journal > .autresEditions .frame {
    margin: 2em 0 0;
  }
  .content_journal > .autresEditions .frame a {
    flex: 0 0 260px;
    max-width: 260px;
    margin-right: 0;
  }
  .content_journal > .autresEditions .frame a > div:first-of-type {
    height: 340px;
  }
  .content_journal .mepr-unauthorized-message > div:first-child {
    width: 1140px;
    height: 820px;
    bottom: 1760px;
  }
  .content_journal .mepr-unauthorized-message > div:last-child {
    width: 1140px;
    left: -103%;
  }
  .content_journal .mepr-unauthorized-message > div:last-child:before {
    width: 1140px;
  }
  .content_journaux > .supplement, .content_journaux > .journaux_num {
    max-width: 1140px;
  }
  .content_journaux > .supplement > div:first-child:not(:last-child) > a > div {
    max-width: 250px;
    height: 330px;
  }
  .content_journaux > .supplement > div:last-child {
    border: none;
    background-color: var(--gris);
    padding: 2em;
  }
  .content_journaux > .supplement > div:last-child > h5, .content_journaux > .supplement > div:last-child > a > h6 {
    display: none;
  }
  .content_journaux > .supplement > div:last-child > a {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2em;
  }
  .content_journaux > .supplement > div:last-child > a > div:first-of-type {
    flex: 0 0 310px;
    max-width: 310px;
  }
  .content_journaux > .supplement > div:last-child > a > div:last-child > h5 {
    display: block;
    margin: 0;
    text-transform: uppercase;
    color: var(--rouge);
    font-family: "InSB";
    font-size: 2em;
  }
  .content_journaux > .supplement > div:last-child > a > div:last-child > h6 {
    display: block;
    margin: 0.5em 0;
    color: var(--marron);
    text-transform: lowercase;
    font-size: 1.5em;
  }
  .content_journaux > .supplement > div:last-child > a > div:last-child > h6 > span {
    text-transform: uppercase;
    display: block;
  }
  .content_journaux > .supplement > div:last-child > a > div > div {
    justify-content: start;
  }
  .content_journaux > .journaux_num > a {
    flex: 325px;
    max-width: 325px;
  }
  .content_journaux > .journaux_num > a > div:first-of-type {
    height: 420px;
  }
}
@media screen and (min-width: 1440px) {
  .content_journal h1, .content_journaux h1 {
    font-size: 2.8em;
  }
  .content_journal > .autresEditions .frame > div {
    gap: 2em;
  }
  .content_journal .mepr-unauthorized-message > div:first-child {
    width: 1320px;
    bottom: 1790px;
  }
  .content_journal .mepr-unauthorized-message > div:last-child {
    width: 1320px;
    left: -102%;
  }
  .content_journal .mepr-unauthorized-message > div:last-child:before {
    width: 1320px;
  }
  .content_journaux > .supplement, .content_journaux > .journaux_num {
    max-width: 1320px;
  }
  .content_journaux > .supplement > div:first-child:not(:last-child) > a > div {
    max-width: 310px;
    height: 400px;
  }
  .content_journaux > .supplement > div:last-child > a > div:first-of-type {
    flex: 0 0 345px;
    max-width: 345px;
    height: 450px;
  }
  .content_journaux > .journaux_num {
    gap: 4em;
  }
}
.content_404 {
  padding-bottom: 2em;
}

.content_404 > p {
  margin: 2em 0;
}

.content_404 > a {
  margin: 3em auto 0;
}

/* MEDIA QUERIES */
@media screen and (min-width: 990px) {
  .content_404 > .search-form {
    max-width: 500px;
  }
  .content_404 > .search-form > input {
    padding: 1em 1.5em;
  }
}
@media screen and (min-width: 1440px) {
  .content_404 > .search-form {
    max-width: 700px;
  }
}
.content_page > .flash {
  border-top: 1px solid var(--rouge);
  padding-bottom: 2em;
  max-width: 720px;
  margin: auto;
}

.content_page > .flash > div {
  margin-top: 2em;
  padding: 0 0.5em 0 2.5em;
  position: relative;
}

.content_page > .flash > div:before {
  content: "";
  width: 2px;
  height: 130%;
  background-color: var(--rouge);
  position: absolute;
  left: 19px;
  top: 16px;
  z-index: 1;
}

.content_page > .flash > div:not(:first-child) {
  padding-top: 2.5em;
}

.content_page > .flash > div:not(:first-child):after {
  content: "";
  width: 115%;
  height: 20px;
  background-color: var(--gris);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.content_page > .flash > div > h5 {
  font-family: "InSB";
  text-transform: uppercase;
  color: var(--rouge);
  margin: 0 0 0.8em;
  font-size: 1.2em;
  position: relative;
}

.content_page > .flash > div > h5:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: var(--rouge);
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}

.content_page > .flash > div > h6 {
  margin: 0 0 0.4em;
}

.content_page > .flash > div > p:first-of-type {
  font-family: "InM";
}

.content_page > .flash > div > .date {
  font-family: "InSB";
  text-transform: lowercase;
  color: var(--marron);
  font-size: 0.8em;
  margin: 0;
}

/* MEDIA QUERIES */
@media screen and (min-width: 990px) {
  .content_page > .flash_titre {
    border-bottom: 1px solid var(--rouge);
    padding-bottom: 0.5em;
    margin-bottom: 0;
  }
  .content_page > .flash {
    border: none;
  }
}
@media screen and (min-width: 1440px) {
  .content_page > .flash > div:first-child {
    margin-top: 3em;
  }
  .content_page > .flash > div:not(:first-child) {
    padding-top: 3em;
  }
}
/********************** SOMMAIRE *******************/
/* ENTETE                               ligne : 00 */
/* CONNEXION / INSCRIPTION              ligne : 00 */
/* CONTENU                              ligne : 00 */
/* MEDIA QUERIES                        ligne : 00 */
/* ENTETE */
.content_connexion h1 {
  color: var(--rouge);
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 65px;
  margin-bottom: 0.5em;
  position: relative;
}

.content_connexion h1:before {
  content: url("../img/points_rouge.webp");
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* CONNEXION / INSCRIPTION */
.content_connexion > div {
  padding-top: 2em;
  position: relative;
}

.content_connexion > div:before {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: var(--rouge);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.content_connexion > div h6 {
  margin: 0;
  color: var(--rouge);
  font-family: "InB";
  text-align: center;
  font-size: 1.4em;
}

.content_connexion > div h6 + p {
  text-transform: uppercase;
  color: var(--rouge);
  font-family: "InL";
  text-align: center;
}

.content_connexion > div > .abonne {
  background-color: var(--gris);
  padding: 2em 0.5em;
  margin: 2em 0;
}

.content_connexion > div > .abonne > h6 {
  margin-top: 0;
  color: var(--grisF);
  text-align: center;
}

.content_connexion > div > .abonne > .btn {
  background-color: transparent;
  text-transform: uppercase;
  border-color: var(--grisF);
  color: var(--grisF);
  margin: 1em auto 0;
}

.content_connexion > div > .abonne > .btn:hover {
  background-color: var(--grisF);
  color: var(--blanc);
}

.content_connexion > div > div > form {
  padding: 2em 0;
}

.content_connexion > div > div > form > div {
  margin-bottom: 1em;
  position: relative;
}

.content_connexion > div > div > form > div > label {
  font-size: 0.9em;
  color: #8E8E8E;
  background-color: var(--blanc);
  width: -moz-max-content !important;
  width: max-content !important;
  padding: 0.2em;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 0.3s;
}

.content_connexion > div > div > form > div > label.focus {
  top: 0;
}

.content_connexion > div > div > form > div > input {
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  width: 100%;
  padding: 10px;
}

.content_connexion > div > div > form > input {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "InBo";
  font-size: 1.1em;
  color: var(--blanc);
  background: var(--orange);
  border: 2px solid var(--orange);
  border-radius: 25px;
  padding: 0.4em 1.8em 0.6em;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 1em auto 0;
  text-transform: lowercase;
  cursor: pointer;
  transition: all 0.3s;
}

.content_connexion > div > div > form > input:hover {
  background-color: transparent;
  color: var(--orange);
}

.content_connexion > div > div > form > input:disabled, .content_connexion > div > div > form > input:disabled:hover {
  background-color: #E3E3E3;
  color: #96A5AA;
  border-color: #E3E3E3;
}

.content_connexion #password-strength {
  padding: 0.3em 0.4em 0;
  border-radius: 3px;
}

.content_connexion .short {
  color: #FF0000;
  border: 1px solid #FF0000;
  background-color: var(--blanc);
}

.content_connexion .bad {
  color: #FFA500;
  border: 1px solid #FFA500;
  background-color: var(--blanc);
}

.content_connexion .good {
  color: #B9B600;
  border: 1px solid #B9B600;
  background-color: var(--blanc);
}

.content_connexion .strong {
  color: #378805;
  border: 1px solid #378805;
  background-color: var(--blanc);
}

/* CONTENU */
/* MEDIA QUERIES */
@media screen and (min-width: 990px) {
  .content_connexion > div {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .content_connexion > div > div:first-child {
    order: 1;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2em;
  }
  .content_connexion > div > div:nth-child(2) {
    order: 3;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .content_connexion > div > div:last-child {
    order: 2;
    flex: 0 0 50%;
    max-width: 50%;
    border-left: 1px solid #C9C9C9;
    padding: 0 2em;
  }
}/*# sourceMappingURL=main.css.map */