@font-face {
    font-family: 'Androgyne';
    src: url('Font/androgyne/Androgyne_TB.otf') format('opentype');
}

/* Couleur,font-family,font-size,font-weight */
.index .responsive-header,
.index .responsive-subheader,
.banner-e h2,
.titre-etape p,
.titre-etape h2,
.titre-titre h2,
.title h1,
.mes_info h1,
.prem h1,
.connect h1,
.paiement h1,
.Header,
.last_paiment h1
 {
    font-weight: 700;
    font-size: 3vw;
}

.el1,
.el2,
.el1 a,
.sub-menu1 .lien a,
.search-input::placeholder,
.Etape-index p,
.banner-e p,
.card-body a,
.index .responsive-header,
.personaliser label,
.cliquer-choisir,
.titre-etape h2,
.dimensions-title h3,
.sc_titre h2,
.dte h2,
.dte1 h2,
.connect .row h2,
.first_part a,
.continuer_shopp a,
.connect .col-auto a,
.petit_lien a,
.dimensions-title h3,
.col-md-3 h5,
.EXTÉRIEUR,
.INTÉRIEUR,
.accordion-header button
 {
    letter-spacing: 2px;
}

.Etape-index h4,
.titredugateaux h2
{
    letter-spacing: 3px;
}


.index .responsive-subheader,
.banner-personaliser h2,
.banner-e h2,
.titre-etape p,
.title h1,
.connect h1,
.paiement h1,
.Header,
.last_paiment h1,
.mes_info h1,
.prem h1,
.titre-titre h2
 {
    letter-spacing: 7px !important;
}

.el1,
.el2,
.el1 a,
.pic1,
.pic2,
.sub-menu1 .lien a {
    font-size: 18px;
    font-weight: 700;
}

.Etape-index h4 {
    font-weight: 700;
    
}


.Etape-index h4 {
    font-size: 17px !important;
}


.banner-e p,
.Etape-index p,
.personaliser label,
.sc_titre h2,
.dte h2,
.dte1 h2,
#contact-title,
.first_part a,
.continuer_shopp a,
.connect .col-auto a,
.petit_lien a,
.petit_lien2 a,
.petit_lien2 a,
.dimensions-title h3
 {
    font-size: 1.2rem;
}




.Etape-index p,
.personaliser label,
.dimensions-title h3
 {

    color: #000000;
}




.index .responsive-subheader,
.index .responsive-header,
.Etape-index h4,
.deuxieme-card h3,
.deuxieme-card h2,
.Grand-Banner .carousel-caption,
.astuce .mt-2,
.astuce h2,
.titre-etape p,
.titre-etape h2,
.titre-titre h2,
.title h1,
.mes_info h1,
.sc_titre h2,
.dte h2,
.dte1 h2,
.mes_info p,
.mes_info h4,
.prem h1,
.connect .row h1,
#contact-title,
.paiement h1,
.first_part a,
.blockfirst p,
.blockfirst h4,
.Header,
.last_paiment h1,
.last_paiment a,
.connect .col-auto a,
.petit_lien a,
.petit_lien2 a,
.card-body  a
 {
    color: #946037!important;
}


.active-tab {
    background-color: #946137 !important;
}


.dimension {
    border: 1px solid #946137;
}


.personaliser input,
#fakeSelectOccasion,
#fakeSelectOccasion,
#fakeSelectCouleur,
#fakeSelectForme,
#fakeSelectPate,
#fakeSelectFilling,
#fakeSelectGlace,
#fakeSelectCouleur1,
#fakeSelectForme1,
#fakeSelectPate1,
#fakeSelectFilling1,
#fakeSelectGlace1,
#fakeSelectCouleur2,
#fakeSelectForme2,
#fakeSelectPate2,
#fakeSelectFilling2,
#fakeSelectGlace2,
#fakeSelectCouleur3,
#fakeSelectForme3,
#fakeSelectPate3,
#fakeSelectFilling3,
#fakeSelectGlace3,
#inputTheme,
#inputGuests,
#inputInspirationsText,
#inputInspirationsFile,
#fakeOptions,
#fakeOptionsForme,
#fakeOptionsCouleur,
#fakeOptionsPate,
#fakeOptionsFilling,
#fakeOptionsGlace,
#fakeOptionsCouleur1,
#fakeOptionsForme1,
#fakeOptionsPate1,
#fakeOptionsFilling1,
#fakeOptionsGlace1,
#fakeOptionsCouleur2,
#fakeOptionsForme2,
#fakeOptionsPate2,
#fakeOptionsFilling2,
#fakeOptionsGlace2,
#fakeOptionsCouleur3,
#fakeOptionsForme3,
#fakeOptionsPate3,
#fakeOptionsFilling3,
#fakeOptionsGlace3 {
    background-color: #FFFEF8 !important;
}

.personaliser input,
#fakeSelectOccasion,
#fakeSelectOccasion,
#fakeSelectCouleur,
#fakeSelectForme,
#fakeSelectPate,
#fakeSelectFilling,
#fakeSelectGlace,
#fakeSelectCouleur1,
#fakeSelectForme1,
#fakeSelectPate1,
#fakeSelectFilling1,
#fakeSelectGlace1,
#fakeSelectCouleur2,
#fakeSelectForme2,
#fakeSelectPate2,
#fakeSelectFilling2,
#fakeSelectGlace2,
#fakeSelectCouleur3,
#fakeSelectForme3,
#fakeSelectPate3,
#fakeSelectFilling3,
#fakeSelectGlace3,
#inputTheme,
#inputGuests,
#inputInspirationsText,
#inputInspirationsFile {
    border: 1px solid #946037;
}


#fakeSelectOccasion,
#fakeSelectOccasion,
#fakeSelectCouleur,
#fakeSelectForme,
#fakeSelectPate,
#fakeSelectFilling,
#fakeSelectGlace,
#fakeSelectCouleur1,
#fakeSelectForme1,
#fakeSelectPate1,
#fakeSelectFilling1,
#fakeSelectGlace1,
#fakeSelectCouleur2,
#fakeSelectForme2,
#fakeSelectPate2,
#fakeSelectFilling2,
#fakeSelectGlace2,
#fakeSelectCouleur3,
#fakeSelectForme3,
#fakeSelectPate3,
#fakeSelectFilling3,
#fakeSelectGlace3{
    border-radius: 0;
}


#fakeSelectOccasion,
#fakeSelectOccasion,
#fakeSelectCouleur,
#fakeSelectForme,
#fakeSelectPate,
#fakeSelectFilling,
#fakeSelectGlace,
#fakeSelectCouleur1,
#fakeSelectForme1,
#fakeSelectPate1,
#fakeSelectFilling1,
#fakeSelectGlace1,
#fakeSelectCouleur2,
#fakeSelectForme2,
#fakeSelectPate2,
#fakeSelectFilling2,
#fakeSelectGlace2,
#fakeSelectCouleur3,
#fakeSelectForme3,
#fakeSelectPate3,
#fakeSelectFilling3,
#fakeSelectGlace3 {
    cursor: pointer;
}


.popup .text-content h1,
.popup .text-content h2,
.popup .close-btn,
.el1,
.el2,
.el1 a,
.pic1,
.pic2,
.hamburger,
.sub-menu1 .lien a,
.accordion-body,
.accordion-body a,
.accordion-header button,
.search-input,
.search-input::placeholder,
.search-button .fa-search,
.hamburger a,
.dimension,
.banner-personaliser .mon_text_1 h2,
.titre-titre h2,
.confirmation div
 {
    color: #946137;
}

.banner-e h2,
.accordion-button:not(.collapsed) {
    color: #FFFEF8;
}

.banner-e p,
.footer a,
.footer p,
.footer h5,
.active-tab 
 {
    color: #FFFFFF!important;
}




.index .responsive-header,
.Grand-Banner .carousel-subtitle,
.banner-secondaire span,
.location .banner-text span,
.popup .text-content h1,
.banner-personaliser .mon_text_1 span {
    font-family: 'Androgyne';
}


.footer a,
.footer p,
.footer h5 {
    font-family: 'Inter', sans-serif;
}


.pic1,
.pic2,
.hamburger a,
.sub-menu1 .lien a,
.accordion-body a,
.accordion-header button,
.card-body a {
    text-decoration: none;
}


.personaliser label {
    white-space: nowrap;
}

.text-start {
    transform: translateY(30px) translateX(-30px) !important;
}


.accent-container {
    position: relative;
  }
  
  .accent1,
  .accent
   {
    position: relative;
    display: inline-block;
  }
  
  .accent::before,
  .accent1::before
   {
    content: '^'; 
    position: absolute;
    left: 70%;
    top: -0.5em;
    transform: translateX(-50%);
    font-size: 0.8em; 
    font-family: inherit; 
  }

  .accent1::before{
    color: #FFFEF8; 
  }