/* -------------------------------------------------------------*/
/* La Braderie 23 octobre 2022                                  */
/* -------------------------------------------------------------*/
/* Importation des polices en début de fichier
/* -------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Bungee);
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mouse+Memoirs&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');


/* -------------------------------------------------------------*/
/* Couleur générale */
/* -------------------------------------------------------------*/
.glaz {
    color: #ECA4A6;
    /*font-family:"kalam"; */
}
/* -------------------------------------------------------------*/
/* Liens globaux */
/* -------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #ECA4A6;
}
a:hover {
    text-decoration: none;
    color: #ECA4A6;
}
.lnkbottom a:visited,.lnkbottom a:link {
    color: #ECA4A6;
    opacity:0.8;
    font-size:1.1em;
}

/* -------------------------------------------------------------*/
/* Bouton panier */
/* -------------------------------------------------------------*/
.btn-panier, .btn-panier:hover {
    background: #B7E103;
    
}
.panier-text {
    color: #343435;
}
/* -------------------------------------------------------------*/
/* Barre de menu */
/* -------------------------------------------------------------*/
.navbar-light .navbar-nav .active>.nav-link {
    color: #ECA4A6;
    font-weight: bold;
    text-decoration: underline;
}
/* -------------------------------------------------------------*/
/* Titre entreprise */
/* -------------------------------------------------------------*/
.clientTitle {
    font-family: 'PT Serif';
    /*  font-family:"mouse memoirs"; */
    padding-left: 10px;
    color: #ECA4A6;
    font-size: 1rem;
    font-weight: 700;
   /*  font-size: 2em;
    letter-spacing: 1.4px; */
}
/* -------------------------------------------------------------*/
/* Texte message accueil */
/* -------------------------------------------------------------*/
.baselinetext {
    /* font-family:"amatic sc", handwriting; 
    letter-spacing: 2.3px; 
    font-size:3.2em; */
    color: #1D283C;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.h2_title {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);

}

.h5_echanges {
    
    color: white;
    font-size: 1.1rem;
    font-weight: 300;
    background-color: #ECA4A6;
}

.h5_echanges a
{
    color: rgb(245,211,82);
}

/* -------------------------------------------------------------*/
/* Rajout pour la police AMATIC SC */
/* -------------------------------------------------------------*/

/* 

.titlefont {
font-size: 1.6em;
letter-spacing: 1.2px;
}


.h2_welcomepage {
    font-family:"mouse memoirs", handwriting;
    color: #ECA4A6;
    font-size: 2.2em;
    letter-spacing: 1.2px;
}

.p_welcomepage {
     font-family:"kalam";
     font-size: 1.5em;
     color: #5e5e5e;
}

.h2_title {
    font-family:"amatic sc", handwriting;
    font-size: 2.5em;
    letter-spacing: 1.2px;
}

.h1_ccm {
    font-family:"amatic sc", handwriting;
    font-size: 2.8em;
    letter-spacing: 1.2px;
}


.tbprofooter {
    font-family:"amatic sc", handwriting;
}

.p_tbprofooter {
    font-family:"open sans";
    line-height: 170%;
}

.text-white {
    font-family:"mouse memoirs";
    letter-spacing: 1.4px;
    font-size:1.8em;
}

.text_ccm {
     font-family:"kalam";
     font-size: 1.5em;
     color: #5e5e5e;
}
 

.nav-link  {
    font-family:"kalam";
    font-size: 1.2em;
    
}



.btn-light
{
    font-family:"kalam";
    color: #ECA4A6;
    font-size: 1.25rem;
    
}



/* -------------------------------------------------------------*/
/* bouton inscription page d'accueil */
/* -------------------------------------------------------------*/
.btn-inscription, .btn-inscription a{
    background: #ECA4A6;
    color: #ffffff;
    font-size: 1em;
}
.btn-inscription:hover {
    background: rgb(255, 255, 255);
}
.btn-inscription:hover a{
    color: #ECA4A6;
    background: rgb(255, 255, 255);
}
/* -------------------------------------------------------------*/
/* bouton général 1*/
/* -------------------------------------------------------------*/
.btn-client {
    background: #ECA4A6;
    color: #ffffff;
    /*
    font-family:"amatic sc", handwriting;
    letter-spacing: 1.6px;
    font-size:2em; */
}
/* -------------------------------------------------------------*/
/* bouton général 2 */
/* -------------------------------------------------------------*/
.btn-tbpro, .btn-tbpro:hover {
    background: #ECA4A6;
    color: #ffffff;
}
/* -------------------------------------------------------------*/
/* bouton général inversé */
/* -------------------------------------------------------------*/
.btn-tbpro-inverse {
    background: rgb(255, 255, 255);
    color: #ECA4A6;
    border: 2px solid #ECA4A6;
    border-radius: 17px;
}
.btn-tbpro-inverse:hover {
    background: #ECA4A6;
    color:#ffffff;
}
/* -------------------------------------------------------------*/
/* bouton général 3 */
/* -------------------------------------------------------------*/
.btn-tbpro2, .btn-tbpro2:hover {
    background: rgb(177, 64, 117);
    color: #ffffff;
}
/* -------------------------------------------------------------*/
/* bouton général 2 inversé */
/* -------------------------------------------------------------*/
.btn-tbpro2-inverse {
    background: rgb(177, 64, 117);
    color:#ffffff;

    border: 2px solid rgb(177, 64, 117);
    border-radius: 17px;
}
.btn-tbpro2-inverse:hover {
    background: rgb(255, 255, 255);
    color: rgb(177, 64, 117);
    
}
/* -------------------------------------------------------------*/
/* Coeur des favoris */
/* -------------------------------------------------------------*/
.favorite_heart {
    color: rgb((226,50,37));
}
.favorite_heart_disabled {
    color: rgb(140, 140, 140);
}

/* -------------------------------------------------------------*/
/* Carte offre de service */
/* -------------------------------------------------------------*/
.cardHelp {
    border: 3px dashed #ECA4A6;
    /* font-family:"mouse memoirs";
    letter-spacing: 1.4px;
    font-size:1.8em;
    line-height : 140%; */

}

tbprocard div {
    color: #ECA4A6;
}

tbprocard:hover {
    background-color: #ECA4A6;
}
/* -------------------------------------------------------------*/
/* Annuaire */
/* -------------------------------------------------------------*/
.repertoire_title {
    color: #ECA4A6;
    /*
    font-family:"kalam";
    font-weight: bold;
    */
}

/* 
.repertoiretxt {
    font-family:"kalam";
}  */

.textcardrepertoire {
    color: white;
}
.textcardrepertoire:hover {
    background-color: #ECA4A6;
}
/* -------------------------------------------------------------*/
/* Cartes Comment ca marche */
/* -------------------------------------------------------------*/
.bg-offre {
    background-color: rgb(228,176,177) !important;
}

/* -------------------------------------------------------------*/
/* Footer TBPRO */
/* -------------------------------------------------------------*/
.tbprofooter {
    /* font-family:"amatic sc", handwriting; */
    color: rgb((226,50,37)
    font-size:20px
}