.defi-2024 .donation-participate-btn {
display: none ;
}
.step-summary .donation-intro-article {
display: none ;
}
.step-payment .donation-intro-article {
display: none ;
}
.step-confirmation .donation-intro-article {
display: none ;
}
.defi-2024 .btn.btn-default {
    font-size: 18px; /* Vous pouvez ajuster la taille du texte */
    padding: 10px 20px; /* Vous pouvez ajuster la taille du bouton en modifiant les valeurs de 'padding' */
}
.defi-2024 .btn.btn-secondary {
    font-size: 18px; /* Ajustez la taille du texte selon vos préférences */
    padding: 10px 20px; /* Ajustez la taille du bouton en modifiant les valeurs de 'padding' */
}
.fixed-head~.line-menu {
    padding: 2rem 1rem 0 1rem!important;
}
.zone-article .news-content ol li, .zone-article .news-detail ol li, .zone-news .news-content ol li, .zone-news .news-detail ol li{
font-size:14px;
}

@media (max-width: 1200px)
.line-menu+.line {
    margin-top: 136px!important;
}

@media (max-width: 992px){
.line-menu+.line {
    margin-top: 118px!important;
}
}
.don-difference h1.campaign-title.form-withProgress__title-main {
    display: none;
}
.btn-secondary {
 color: white;
  background: #0e76bc;
  border: none;
  border: solid 1px #0e76bc; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    color: white;
    background: rgba(14, 118, 188, 0.8);
    border: solid 1px rgba(14, 118, 188, 0.8); 
}
.btn-trois {
 color: white;
  font-size: 50px;
  padding: 15px 32px;
  background: #0e76bc;
  border: none;
  border: solid 1px #0e76bc;  
}
.btn-vert {
 color: white;
  background: #00A79D;
  border: none;
  border: solid 1px #0e76bc; }
  .btn-vert:hover, .btn-vert:focus, .btn-vert:active {
    color: white;
    background: #00A79D;
    border: solid 1px #00A79D;  
}
.btn-bleu {
 color: white;
  background: #0e76bc;
  border: none;
  border: solid 1px #0e76bc; }
  .btn-bleu:hover, .btn-bleu:focus, .btn-bleu:active {
    color: white;
    background: #0e76bc;
    border: solid 1px #0e76bc;  
}
.btn-orange {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 10px;   
 color: black;
  background: #f59c0e;
  border: none;
  border: solid 1px #f59c0e; }
  .btn-orange:hover, .btn-orange:focus, .btn-orange:active {
    color: #f59c0e;
    background: white;
    border: solid 1px #f59c0e;  
}
.btn-noirorange {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: 10px;   
 color: white;
    background: #f59c0e;
    border: solid 1px #f59c0e; }
  .btn-noirorange:hover, .btn-noirorange:focus, .btn-noirorange:active {
    color: #f59c0e;
    border: none;
    background: white;
    border: solid 1px #f59c0e; 
}
table.citation {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: auto;
	width: 90%;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background-color: White;
        cellspacing: 10px;
}
table.atable {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: auto;
	width: 90%;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background-color: #dbebeb;
        cellspacing: 10px;
}
table.btable {
        margin-top: 0px;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: 15px;
	width: 40%;
    height : auto;
    vertical-align: top;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background: linear-gradient(90deg, #dbebeb 90%, #1ba29d 10%);
        padding-right: 5%;
    }
table.lefttable {
        margin-top: 0px;
        margin-bottom: 15px;
        margin-right: 15px;
        margin-left: auto;
    height : auto;
    vertical-align: top;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background: linear-gradient(90deg, #dbebeb 90%, #1ba29d 10%);
        padding-right: 5%;
}
table.ctable {
        margin-top: 0px;
        margin-bottom: 15px;
        margin-right: 15px;
        margin-left: 0px;
	width: 40%;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background-color: #dbebeb;
}
table.dtable {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: 0px;
        table-align: center;
        font-size: 15px;
	width: 100%;
            font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background: linear-gradient(90deg, #dbebeb 92%, #1ba29d 8%);
        padding-right: 9%;
        padding-left: 2%;
}
table.etable { /* Table de base avec texte bonne grandeur et espace entre cellule */
        margin-top: 0px;
        margin-bottom: 15px;
        margin-right: 15px;
        margin-left: 0px;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background-color: none;
}
table.etable td {
	vertical-align: top; /* Pour alligner le texte de la table de base class etable*/
    
}
table.event {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 20px;
        font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        background-color: none;
}
table.imgtxt {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 0px;
        margin-left: 0px;
      font-size: 14px;
	width: auto;   
	border-collapse: collapse
        border-spacing: 25px;
	border-style: hidden;
}
table.deuxcol {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
	border-collapse: collapse;
        border-spacing: 5px;
	border-style: hidden;
        width: 100%;
        table-layout: fixed;
}
table.deuxcolnolayout {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
	    font-size: 14px;
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        table-layout: auto;
}
table.deuxcolimgtxt {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
    	border-collapse: separate;
        padding: 0 2em 0em 0;
    	border-style: hidden;
	width: 100%;
    font-size: 14px;
    background-color: #dbebeb;
        cellspacing: 10px;
        table-layout: fixed;
}
table.troiscol {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
	width: 100%;
        height : auto;
        font-size: 14px;
    	border-collapse: separate;
        border-spacing: 25px;
	    border-style: hidden;
        table-layout: fixed;
}
table.troiscol td {
	vertical-align: top;
    }
table.gallerie {
	border-collapse: separate;
        border-spacing: 10px;
	border: 1px solid #0076BC;
	border-style: hidden;
        cellspacing: 10px;
    column-width: 
}
    table.deuxdeux {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: auto;
        margin-left: auto;
	    font-size: 14px;
	border-collapse: separate;
        border-spacing: 20px;
	border: 0px solid #0076BC;
	border-style: hidden;
        cellspacing: 10px;
}
    table.videosdefi {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: auto;
        margin-left: 150px;
	    font-size: 14px;
	border-collapse: separate;
	border: 0px solid #0076BC;
	border-style: hidden;
}
    table.video {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 20px;
	    font-size: 14px;
	border-collapse: separate;
	border: 3px solid #0076BC;
              border-spacing: 10px;
}
table.orange {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 15px;
        margin-left: 15px;
        font-size: 14px;
    border-spacing: 10px;
    border-collapse: separate;
        border: 10px solid #f59c0e;
        background-color: white;
        cellspacing: 10px;
}
.js-participant-add-box .donation-intro-article{display:none;}
.step-price .js-participant-add-box .donation-intro-article{display:block;}

@media screen and (max-width: 768px) {
  .line-menu {
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
  }
.line.line-header .mod-header-part.mod-header-part__left .mod-header-logo {
    padding: 1.5rem 0 !important;
}

.line.line-header .mod-header .header-ext-custom {
margin: 0;
}

.line.line-header .mod-header .header-ext-login .member-register {
padding: 12px 8px !important;
}

.line.line-header .btn-don {
    padding: 12px 8px !important;
    text-align: center;
}}
.pageid-115468 .line.line-header .btn-don,
.pageid-115468 .line-menu .navbar-nav > li[rel="data-menu-37278"],
.pageid-115468 .fixed-head ~ .line-menu .navbar-nav > li[rel="data-menu-37278"]{display:none;}


/* timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

    /* Timeline The actual timeline (the vertical ruler) */
    .timeline::after {
      content: '';
      position: absolute;
      width: 6px;
      background-color: #00A79D;
      top: 0;
      bottom: 0;
      left: 50%;
      margin-left: 5px;
    }

    /* Timeline Container around content */
    .container2 {
      padding: 10px 40px;
      position: relative;
      background-color: #dbebeb;
      width: 50%;
    }

    /* Timeline The circles on the timeline */
    .container2::after {
      content: '';
      position: absolute;
      width: 25px;
      height: 25px;
      left: 26px;
      background-color: white;
      border: 4px solid #1390B0;
      top: 48px;
      border-radius: 50%;
      z-index: 1;
    }
    
    /* Timeline Add arrows to the left container */
    .left::before {
      content: " ";
      height: 0;
      position: absolute;
      top: 50px;
      width: 0;
      z-index: 1;
      right: 30px;
      border: medium solid white;
      border-width: 10px 0 10px 10px;
      border-color: transparent transparent transparent white;
    }

    /* Timeline The actual content */
    .content2 {
      padding: 20px 30px;
      background-color: white;
      position: relative;
      border-radius: 6px;
    }
    
      /* Timeline Place the timelime to the left */
      .timeline::after {
      left: 31px;
      }
  
      /* Timeline Full-width containers */
      .container2 {
      width: 100%;
      padding-left: 70px;
      padding-right: 25px;
      }
  
      /* Timeline arrows are pointing leftwards */
      .container2::before {
      left: 60px;
      border: medium solid white;
      border-width: 10px 10px 10px 0;
      border-color: transparent white transparent transparent;
      }

/* Changer l'ordre des medias sociaux*/
.mod-social-links,
.footer-social {
  display: flex;
}

.footer-social {
  flex-wrap: wrap;
}

/* Reorder social media icons consistently across header and footer */
.mod-social-links .social-link.facebook,
.footer-social .social-link.facebook {
  order: 1;
}

.mod-social-links .social-link.linkedin,
.footer-social .social-link.linkedin {
  order: 2;
}

.mod-social-links .social-link.youtube,
.footer-social .social-link.youtube {
  order: 3;
}

.mod-social-links .social-link.instagram,
.footer-social .social-link.instagram {
  order: 4;
}

.mod-social-links .social-link.x-twitter,
.footer-social .social-link.x-twitter {
  order: 5;
}