.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
  display: none !important;
}
body main section.engagements {
  padding: 30px 0 0;
}
body main section.engagements .titre-centre {
  text-align: center;
  margin: 15px 0 40px;
}
body main section.engagements .titre-centre h1,
body main section.engagements .titre-centre h2 {
  display: inline-block;
  background: none;
  color: #C41152;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 0;
}
body main section.engagements .titre-centre h1:before,
body main section.engagements .titre-centre h1:after,
body main section.engagements .titre-centre h2:before,
body main section.engagements .titre-centre h2:after {
  display: none;
}
body main section.engagements .titre-centre.titre-page {
  border-bottom: 1px solid #C41152;
  padding-bottom: 16px;
}
body main section.engagements .titre-centre.titre-section h1,
body main section.engagements .titre-centre.titre-section h2 {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 1px;
}
body main section.engagements .label-magenta {
  display: inline-block;
  background: #C41152;
  color: #fff;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 14px 28px;
  margin-bottom: 30px;
}
body main section.engagements .motif-carte {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 120%;
  width: auto;
  fill: #CEEBB9;
  pointer-events: none;
}
body main section.engagements .motif-carte.motif-droite {
  right: -14%;
}
body main section.engagements .motif-carte.motif-gauche {
  left: -14%;
  top: auto;
  bottom: -35%;
  transform: none;
}
body main section.engagements .carte-verte {
  position: relative;
  overflow: hidden;
  background: #C6E3B2;
  border-radius: 25px;
  padding: min(55px, 5vw);
}
body main section.engagements .carte-verte > *:not(.motif-carte) {
  position: relative;
}
body main section.engagements .carte-verte .texte,
body main section.engagements .carte-verte .intro {
  color: #1A171B;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
}
body main section.engagements .carte-verte .texte p,
body main section.engagements .carte-verte .intro p {
  margin-bottom: 1em;
}
body main section.engagements .carte-verte .texte strong,
body main section.engagements .carte-verte .intro strong {
  font-weight: 700;
}
body main section.engagements .carte-verte .signature {
  display: inline-block;
  color: #C41152;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 15px;
}
body main section.engagements .conscience {
  margin-bottom: 70px;
}
body main section.engagements .conscience .row {
  row-gap: 0;
  margin-left: min(0px, calc(50% - 43.5vw));
  margin-right: min(0px, calc(50% - 43.5vw));
}
body main section.engagements .conscience .row > div {
  padding-left: 0;
  padding-right: 0;
}
body main section.engagements .conscience .conscience-photo img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: 25px 0 0 25px;
  display: block;
}
body main section.engagements .conscience .conscience-carte .carte-verte {
  height: 100%;
  border-radius: 0 25px 25px 0;
  padding: min(90px, 5.5vw) min(120px, 7vw) min(65px, 4.5vw);
}
body main section.engagements .conscience .carte-verte .texte {
  font-style: italic;
  font-size: 15px;
}
body main section.engagements .bande-cec {
  position: relative;
  background-color: #203200;
  background-size: cover;
  background-position: center;
  padding: 80px 0;
  margin-bottom: 70px;
}
body main section.engagements .bande-cec .voile {
  position: absolute;
  inset: 0;
  background: rgba(16,28,8,0.55);
}
body main section.engagements .bande-cec .container {
  position: relative;
}
body main section.engagements .bande-cec .row {
  row-gap: 30px;
}
body main section.engagements .bande-cec .cec-badge {
  text-align: center;
}
body main section.engagements .bande-cec .cec-badge img {
  max-width: min(280px, 60%);
  height: auto;
}
body main section.engagements .bande-cec .cec-texte h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
body main section.engagements .bande-cec .cec-texte h2 strong {
  font-weight: 700;
}
body main section.engagements .bande-cec .cec-texte .texte {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
}
body main section.engagements .bande-cec .cec-texte .texte p,
body main section.engagements .bande-cec .cec-texte .texte strong,
body main section.engagements .bande-cec .cec-texte .texte em,
body main section.engagements .bande-cec .cec-texte .texte li {
  color: #fff;
}
body main section.engagements .bande-cec .cec-texte .texte p {
  margin-bottom: 1em;
}
body main section.engagements .bande-cec .cec-texte .texte strong {
  font-weight: 700;
}
body main section.engagements .btn-action {
  padding: 10px 20px !important;
  font-size: 12px !important;
  margin-top: 14px !important;
}
body main section.engagements .btn-magenta {
  display: inline-block;
  background: #C41152;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 14px 30px;
  margin-top: 20px;
  text-decoration: none;
  transition: all .3s ease-in-out !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
}
body main section.engagements .btn-magenta:hover {
  background: #9e0e42;
  color: #fff;
}
body main section.engagements .embarquement {
  margin-bottom: 70px;
}
body main section.engagements .embarquement .row {
  row-gap: 0;
  margin-left: min(0px, calc(50% - 43.5vw));
  margin-right: min(0px, calc(50% - 43.5vw));
}
body main section.engagements .embarquement .row > div {
  padding-left: 0;
  padding-right: 0;
}
body main section.engagements .embarquement .embarquement-carte .carte-verte {
  height: 100%;
  border-radius: 25px 0 0 25px;
}
body main section.engagements .embarquement .embarquement-photo {
  position: relative;
}
body main section.engagements .embarquement .embarquement-photo img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: 0 25px 25px 0;
  display: block;
}
body main section.engagements .embarquement .embarquement-photo .photo-slide {
  display: none;
}
body main section.engagements .embarquement .embarquement-photo .photo-slide.actif {
  display: block;
}
body main section.engagements .embarquement .temoignages {
  position: relative;
  padding: 0 40px;
}
body main section.engagements .embarquement .temoignages .slide {
  display: none;
}
body main section.engagements .embarquement .temoignages .slide.actif {
  display: block;
}
body main section.engagements .embarquement .temoignages .slide .intro {
  color: #1A171B;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 22px;
}
body main section.engagements .embarquement .temoignages .slide .intro p {
  margin-bottom: 1em;
  color: #1A171B;
  font-weight: 500;
}
body main section.engagements .embarquement .temoignages .slide .intro a {
  color: #1A171B;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body main section.engagements .embarquement .temoignages .slide .intro a:hover {
  color: #C41152;
}
body main section.engagements .embarquement .temoignages .slide blockquote {
  font-style: italic;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
  color: #1A171B;
  margin: 0 0 15px;
}
body main section.engagements .embarquement .temoignages .slide blockquote p {
  color: #1A171B;
  font-weight: 300;
}
body main section.engagements .embarquement .temoignages .signature {
  display: inline-block;
  color: #C41152;
  font-weight: 700;
  letter-spacing: 1px;
}
body main section.engagements .embarquement .temoignages .btn-temoin {
  display: table;
  margin-top: 18px;
}
body main section.engagements .embarquement .temoignages .nav {
  position: absolute;
  top: 42%;
  background: none;
  border: 0;
  color: #C41152;
  font-size: 28px;
  line-height: 1;
  padding: 5px;
  cursor: pointer;
}
body main section.engagements .embarquement .temoignages .nav.prev {
  left: 0;
}
body main section.engagements .embarquement .temoignages .nav.next {
  right: 0;
}
body main section.engagements .embarquement .temoignages .points {
  margin-top: 25px;
}
body main section.engagements .embarquement .temoignages .points .point {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 0;
  background: rgba(156,158,159,0.55);
  margin-right: 10px;
  padding: 0;
  cursor: pointer;
}
body main section.engagements .embarquement .temoignages .points .point.actif {
  background: #fff;
}
body main section.engagements .actions {
  margin-bottom: 90px;
  position: relative;
}
body main section.engagements .actions .motif-actions {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
body main section.engagements .actions .motif-actions.motif-actions-gauche {
  left: calc(50% - 50vw);
  top: 320px;
  width: min(244px, 13vw);
}
body main section.engagements .actions .motif-actions.motif-actions-droite {
  right: calc(50% - 50vw);
  top: -40px;
  width: min(282px, 15vw);
}
body main section.engagements .actions .row {
  position: relative;
  z-index: 1;
}
body main section.engagements .actions .onglets {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
body main section.engagements .actions .onglets .onglet {
  flex: 1 1 220px;
  border: 0;
  border-radius: 12px 12px 0 0;
  padding: 18px 20px;
  font-size: 19px;
  font-weight: 700;
  color: #294329;
  background: #C6E3B2;
  cursor: pointer;
  transition: all .3s ease-in-out !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
}
body main section.engagements .actions .onglets .onglet.actif {
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 1px;
}
body main section.engagements .actions .onglets .onglet:not(.actif) {
  background: #294329;
  color: #fff;
}
body main section.engagements .actions .panneau {
  display: none;
  background: #C6E3B2;
  border-radius: 0 0 25px 25px;
  padding: min(60px, 5vw);
}
body main section.engagements .actions .panneau.actif {
  display: block;
}
body main section.engagements .actions .panneau .action {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 40px;
}
body main section.engagements .actions .panneau .action:last-child {
  margin-bottom: 0;
}
body main section.engagements .actions .panneau .action .detail .texte,
body main section.engagements .actions .panneau .action .detail .texte p,
body main section.engagements .actions .panneau .action .detail .texte li {
  font-weight: 300;
}
body main section.engagements .actions .panneau .action .icone {
  flex: 0 0 min(275px, 30vw);
  border-radius: 8px;
  overflow: hidden;
}
body main section.engagements .actions .panneau .action .icone img {
  width: 100%;
  height: auto;
  display: block;
}
body main section.engagements .actions .panneau .action .detail h3 {
  font-size: 22px;
  font-weight: 700;
  color: #294329;
  margin-bottom: 12px;
}
body main section.engagements .actions .panneau .action .detail .texte {
  font-size: 15px;
  line-height: 1.7;
  color: #1A171B;
}
body main section.engagements .actions .panneau .action .detail .texte ul {
  list-style: disc outside;
  padding-left: 20px;
  margin: 0;
}
body main section.engagements .actions .panneau .action .detail .texte ul li {
  list-style: disc outside;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  body main section.engagements .conscience .conscience-carte .carte-verte,
  body main section.engagements .embarquement .embarquement-carte .carte-verte {
    height: auto;
  }
  body main section.engagements .conscience .conscience-photo img {
    border-radius: 25px 25px 0 0;
    min-height: 240px;
  }
  body main section.engagements .conscience .conscience-carte .carte-verte {
    border-radius: 0 0 25px 25px;
  }
  body main section.engagements .embarquement .embarquement-carte .carte-verte {
    border-radius: 25px 25px 0 0;
  }
  body main section.engagements .embarquement .embarquement-photo img {
    border-radius: 0 0 25px 25px;
    min-height: 240px;
  }
  body main section.engagements .bande-cec {
    padding: 50px 0;
  }
}
@media (max-width: 1499px) {
  body main section.engagements .actions .motif-actions {
    display: none;
  }
}
@media (min-width: 1462px) {
  body main section.engagements .embarquement .temoignages {
    padding-left: max(40px, calc(43.5vw - 690.5px));
  }
  body main section.engagements .embarquement .temoignages .nav.prev {
    left: max(0px, calc(43.5vw - 736px));
  }
}
@media (max-width: 767px) {
  body main section.engagements .titre-centre h1:before,
  body main section.engagements .titre-centre h1:after,
  body main section.engagements .titre-centre h2:before,
  body main section.engagements .titre-centre h2:after {
    width: 30px;
  }
  body main section.engagements .label-magenta {
    font-size: 17px;
    letter-spacing: 1.5px;
  }
  body main section.engagements .carte-verte {
    border-radius: 15px;
    padding: 25px 20px;
  }
  body main section.engagements .actions .panneau {
    border-radius: 0 0 15px 15px;
    padding: 25px 15px;
  }
  body main section.engagements .actions .panneau .action {
    flex-direction: column;
    gap: 15px;
  }
  body main section.engagements .actions .panneau .action .icone {
    flex: none;
    width: 100%;
    max-width: 275px;
  }
  body main section.engagements .embarquement .temoignages {
    padding: 0 28px;
  }
}