.home .delai .horaire, .home .delai .gras, .home .site, .home .thema {
    color:#282829;
}

.home .orange {
    color: #E8D88E;
}
.home .style-gras {
    color:white;
}
.home .offre-decouverte .style-gras {
    color: #E8D88E;
}

.home a:not(.explication a,#faq-facre a) {
    background-color: #C9A147;
    border-color: #C9A147;
    color:white;
}
.bloc-dashboard li::marker{
    color:#C9A147;
}
header i {
    color:#C9A147;
}
div .title-blue {
  color: #C9A147;
}
.class-auth .btn.btn-auth {
  border: 2px solid #C9A147;
  color: #fff;
  background-color: #C9A147;
}

.class-auth .link-pswd {
  border-bottom: 2px solid #C9A147;
  color: #C9A147;
}
.explication a{
  border-bottom: 2px solid #C9A147;
  color: #C9A147;
}
.explication a i {
  color: #C9A147;
}
.class-auth .link-pswd:hover {
  border-bottom: 2px solid #E8D88E;
  color: #E8D88E;
}

#encartpub .pubflex a {
    border: none !important;
	padding: 0!important;
}
.btn-header.connexion {
  border: 2px solid #C9A147;
  color: #C9A147;
}
.btn-header.inscription {
  border: 2px solid #C9A147;
  color: #fff;
  background-color: #C9A147;
}

.pages h3 {
  color: #C9A147;
}

div.bloc-header > div.row > div:nth-child(1) > a > i, div.offre-decouverte > a > i {
    color: white;
}
.user-footer .ajout i {
  color: #C9A147;
}
.user-footer .ajout {
  color: #C9A147;
  border: 2px solid #C9A147;
}
#faq-faqcu .text-faq h4 i, #faq-faqcu .text-faq h4 span, #faq-facre .text-faq h4 i, #faq-facre .text-faq h4 span {
  background-color: #282829;
  color: #fff;
}
#page-3.pages h1 {
	color: #fff;
}

#page-3.pages * {
	color: #fff;
}

.home .fonctionnement a i {
  color: #fff;
}

footer {
    background: linear-gradient(0.25turn, black, #C9A147);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer > div > div:last-child a {
    color:white;
}

footer > div > div:last-child a:hover, footer > div > div:first-child a:hover, .fab:hover {
    color:#E8D88E;
}

.home a:not(.explication a,#faq-facre a):hover {
    background-color: #E8D88E;
    border-color:#E8D88E;
}

.bloc-header .fond-vague {
	background-image: url(/img/event/black-friday-2024/fond-bf.png);
	width: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
	height: 75vh;
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

.bloc-dashboard {
    background-image: url(/img/event/black-friday-2024/vague1.png);
    width: 100%;
    height: 675px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    padding: 10px;
    margin-bottom: 25px;
}

.fonctionnement {
    background-image: url(/img/event/black-friday-2024/vague4.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#app > header > div > div.user-nav > a > span > i:hover {
    color:#E8D88E;
}

body, .body-home{
    background-color: #282829;
}
.home-v2{
    h1.nh-site-title, .nh-section-title h2{
        color:#C9A147;
    }
    .nh-cta {
        background-image: linear-gradient(to right,#E8D88E 0%,#C9A147 51%,#E8D88E 100%);
    }
    .nh-cta-details,
    .nh-action-text .nh-color-diff,
    .nh-thema-details-wr > p span{
        background: -webkit-linear-gradient(90deg,#E8D88E,#C9A147) ;
        -webkit-background-clip: text;
    }
    .nh-pres-list span, .nh-action-text, .nh-animal  *, .nh-thema-details-wr *{
        color : white;
    }
    .nh-accom-wrapper .nh-guiede-row .nh-guide-col-1 .nh-label-text.nh-lalebl-lil.nh-lalebl-lil-c {
        left: -41%;
    }

}
#page-2 > div > p {
    color: white;
}

.pages h1 {
    color:#E8D88E;
}

.pages h2 {
    color:#C9A147;
}

#page-1 > div > h2 > strong {
    color:#E8D88E;
}

#page-1 > div > h3 > strong {
    color:#C9A147;
}

#page-1 > div > h4 > strong {
    color:#E8D88E;
}

#page-1 > div > p {
    color: white;
}

#page-3 > div > p, #page-3 > div > p:nth-child(2) > strong, #page-3 > div > ul > li {
    color: white;
}

.class-auth .card-header {
    color:#C9A147
}

.class-auth .btn.btn-auth:hover {
    background-color: #E8D88E;
    border-color:#E8D88E;
}

.class-auth .link-firstplace:hover {
    color:#E8D88E;
    border-bottom: 2px solid #E8D88E;
}

.btn-header.connexion:hover {
    color:#E8D88E;
    border-color:#E8D88E;
}

.btn-header.inscription:hover {
    color:white;
    background-color:#E8D88E;
    border-color:#E8D88E;
}

.text-faq h4 span, .text-faq h4 i {
    background-color: #282829;
    color: white;
}

#faq-faqcu > div > a > i {
    color: white;
}

footer a:hover i {
    color:#E8D88E;
}

.explication a:hover, .explication a:hover i {
    color: #E8D88E;
    border-color: #E8D88E;
}

.nav-link.dropdown-toggle:hover i {
	color:#E8D88E;
}

.dropdown-menu:not(.head-list) > li > a:hover, .dropdown-menu:not(.head-list) > li > a:hover i {
    background-color: white;
    color:#E8D88E;
}

.dropdown-menu a:hover {
    background-color: white;
    color:#E8D88E;
}

.dropdown-menu .ajout:hover {
    border-color:#E8D88E;
}

div.row > div > h2 {
    color: white;
}

.home > div > div.row > div > h1 {
    color: white;
}

div.pubflex > div > p > img {
    padding-top: 50px;
    align-items: center;
    width:100%;
    display:flex;
}

.clock-name {
    color:white;
    text-shadow: 0px 0px 5px #fff;
    font-size: 71px;
    margin-top: -195px;
    text-transform:uppercase;
    margin-left: 127px;
}

#page-7 > div > p, #page-7 > div > ul > li, #page-7 > div > p:nth-child(3) > strong, #page-7 > div > p:nth-child(1) > strong {
    color:white;
}

#page-3 > div > p:nth-child(15) > a:hover {
    background-color:#E8D88E;
    border-color: #E8D88E;
    color: white;
    float: right;
    margin-bottom: 15%;
}

.event, .event-mobile {
    border-radius: 25px;
    margin-bottom: 20px;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-top: 50px;
}

#faq-faqcu p, #faq-faqcu strong, #faq-faqcu div, #faq-facre p, #faq-facre strong, #faq-facre , #faq-facre a u{
	color: white;
}

/***************   CLOCK   *****************/

.clock {
    display: flex;
    text-align:center;
    padding-top: 190px;
    margin-left: 123px;
  }

  .clock__item {
      height: 80px;
      margin: 0 .5rem;
      padding: 1rem;
      border-radius:9px;
      background-color: #002D49;
      color: #f5f7fa;
      font-family: Helvetica, sans-serif;
      font-size: 80px;
      box-shadow:  -5px -5px 10px rgba(255, 255, 255,0.05), 5px 5px 15px rgba(0, 0, 0, 0.5);
  }
  .clock__item span{
    color: #f5f7fa;
    vertical-align: top;
    line-height: 42px;
    font-size: 55px;
  }

  .clock__colon {
      display:flex;
      flex-direction: column;
      justify-content: space-evenly;
  }

  .clock__colon-item {
        width:1rem;
        height:1rem;
        background-color: #f5f7fa;
        box-shadow:  20px 20px 60px #a6b0c0, -20px -20px 60px #e0eeff;
        border-radius: 50%;
      }

  .illu-intro {
      height:450px;
  }

  .bloc-dashboard li {
    color:white;
  }

  .fonctionnement > div div:nth-child(3) h3 {
    color:white;
  }

  #faq-faqcu >.text-faq > div > p {
    color:white;
  }

/*************** RESPONSIVE *****************/

@media (min-width: 992px) and (max-width:1219px) {
    .clock-name {
        color: white;
        text-shadow: 0px 0px 5px #fff;
        font-size: 71px;
        margin-top: -195px;
        text-transform: uppercase;
        margin-left: -6px;
    }

    .clock {
        display: flex;
        text-align: center;
        padding-top: 190px;
        margin-left: -6px;
    }
}

@media (max-width:992px) {
    .clock-name {
        color: black;
        text-shadow: 0px 0px 5px #fff;
        font-size: 71px;
        margin-top: -195px;
        text-transform: uppercase;
        margin-left: 57px;
    }

    .clock {
        display: flex;
        text-align: center;
        padding-top: 287px;
        margin-left: 65px;
    }

    .clock__item span {
        color: #f5f7fa;
        vertical-align: top;
        line-height: 42px;
        font-size: 45px;
    }
}

@media (max-width: 991px) {

    .clock__colon-item {
        width: 1rem;
        height: 1rem;
        background-color: #002D49;
        box-shadow: 20px 20px 60px #a6b0c0, -20px -20px 60px #e0eeff;
        border-radius: 50%;
    }
}


@media (max-width: 484px) {

    .clock__item span{
        color: #f5f7fa;
        vertical-align: top;
        line-height: 32px;
        font-size: 28px;
      }
}

@media (max-width: 550px) {

    .clock, .clock-name {
        display:none;
}

.illu-intro {
    height: 47px;
}
}

@media (max-width: 991px) {
.bloc-dashboard {
    background-image: url(/img/event/black-friday-2024/vague1.png);
    width: 100%;
    height: 836px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    padding: 10px;
    margin-bottom: 25px;
}
}