:root {
  --facebook-color: #3C5B9A;
  --twitter-color:  #55ACEE;
  --linkedin-color: #0077B5;

  --overlay-dark:  rgba(0, 0, 0, 0.5);
  --overlay-light: rgba(0, 0, 0, 0.2);
  --overlay-white: rgba(255, 255, 255, 0.7);

  /* Polices */
  --font-main:        'Roboto', sans-serif;
  --Pragati:          'Pragati Narrow', sans-serif; 
  --font-pagePress:   "Lato", sans-serif;
  --font-Cards:       'Roboto Slab', serif;
  --Pacifico:         'Pacifico', cursive;
  --Monda:            'Monda', sans-serif;
  --Segoe2:           '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', sans-serif;
  --Segoe:            'Segoe UI', Tahoma, 'Geneva', Verdana, sans-serif;
  --code:             'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
}

.contenuArticle h6, .contenuLoisir h6,
h1, h2, h3, h4, h5 { line-height: 1.5;}

.contenuArticle table, .table thead th, table th, table td { border: 1px solid var(--gold);  }
.fondContent .table-bordered th, .fondContent .table-bordered td { border: 1px solid var(--grey-blue);  }

.fondContent .table-bordered td.bg-secondary {background-color: var(--gold-medium)!important;}

.contenuLoisir b, .contenuLoisir strong, .contenuArticle b, .contenuArticle strong, .bodyNews b   {color: var(--bold-article); }



.table thead th, .table > th, table th{
	/* color: var(--text-titleHP);  */
	color: var(--brown-dark); 
	background: var(--bg-light-brown); 	
	}


.table > td, .contenuArticle table td  { background-color: var(--bg-td);  }

.bandGrdTotal{	background: var(--bg-light-gray);	border-top: 1px solid var(--bg-light-brown);	border-bottom: 1px solid var(--bg-light-brown);	}
tr.bg-secondary > td, tr.bg-secondary .font-weight-bold { font-weight: normal;	color: white; 	}

.ContenuArticle > b {   color: var(--secondary-color); }
.flash-container h6.fondTransNB{ font-family: var(--Segoe2)!important; }

body {
  font-family: var(--font-main);
  color: var(--text-color);
  background: var(--background-color);
}

h1, h2, h3, h4, h5, h6,
h1.titlePage > p:first-child {
  font-family: var(--font-main);
}

h2                 { color: var(--blue-dark); }
h3, h6, span.sujets { color: var(--h3-blue); }

h4.forumCateg, h4.colorP, 
.titlePage a:hover, h5.subtitleHP, 
span.sujets:hover, .box_about a:hover, 
.breadcrumb-item:hover { color: var(--gold-dark); }

h5.withBottom,
h4.forumCateg      { border-bottom: 1px solid var(--gold); }

h6.titleProd,
h6.titleProdList,
h5                 { color: var(--text-titleHP); }

h5.titleBoxHP{
  color: var(--text-titleHP);
  border-bottom: 1px solid var(--secondary-color);
  /* font-family: var(--Monda); */
}

.HP h4.bigTitleHP  {
  color: var(--text-titleHP);
  border-bottom: 1px solid var(--secondary-color);
  /* font-family: var(--Monda); */
}

.githubHP  {
  color: var(--secondary-color)!important;
  
}

.olive      { color: olive; }
.green      { color: green; }
.red        { color: rgba(255, 0, 0, 0.644); }
.blue       { color: blue; }
.blueGithub { color: #3566CA; }
.bluegreen  { color: var(--blue-bright); }
.orange     { color: rgb(209, 88, 43); }
.gold       { color: goldenrod; }
.brun       { color: maroon; }
.grey       { color: rgb(83, 81, 81); }

.bgblack    { background-color: #000000; 
  /* border: 1px solid var(--gold-light);  */
}
.bggithub   { background-color: #0D1117; }

.textWhite    { color: var(--white-color); }
.text-classic { color: var(--text-color); }
.text-pale    { color: var(--text-color); }
.text-white   { color: var(--white-color); }
.blue-text    { color: var(--blue-dark); }
.text-muted   { color: var(--text-color) !important; }
.infoMsg      { color: var(--text-color) !important; }
.colorCode, .colorCode small { color: var(--gold-dark); }

.text-success { color: var(--medium-blue-green) !important; }
.text-danger  { color: var(--red-dark) !important; }

.alert-info {
    color: var(--h3-blue);
    background-color: var(--background-color-light);
    border-color: var(--h3-blue);
}

/* tarot citation page text */
.box ul { margin-left: -20px;}

a,
/* h5.list-group-item-heading, */
footer ul li a,
footer a,
.colorP a,
.author a,
.list-group-item .sforums { color: var(--secondary-color); }

footer ul li a:hover,
footer a:hover,
.sujets h6:hover,
a:hover,
h5.list-group-item-heading:hover,
ul.linksBoxLeft li.sujets a:hover,
ul.linksBoxLeft li.news a:hover { color: var(--gold-dark); }

a#count { color: var(--secondary-color); }

footer.shadow-sm {
  border-top: 2px solid var(--primary-color);
  background-color: var(--bg-light);
}

.footer        { color: var(--text-color); }
.footerTitle   { color: var(--gold-dark); font-family: var(--font-main); }


.hero {
  background: linear-gradient(270deg,
    var(--blue-light),
    var(--bg-breadcrum),
    var(--background-color),
    var(--vlight-blue)
    /* var(--blue-light) */
  );
  background-size: 800% 800%;
  animation: animateGradient 12s ease infinite;
}

@keyframes animateGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.fondContent {
  background-color: var(--fondContent);
  border: 1px solid var(--secondary-color);
}


.modal-header           { background: linear-gradient(135deg, var(--grey-blue), var(--secondary-color)); }
h5.modal-title          {   color: var(--link-color-hover); }

.modal-body, .block_degrade, .poll-float { background: linear-gradient(70deg, var(--bgbox1), var(--bgbox2)); }
.modal-footer{ background-color: var(--bgbox1);}


.poll-float {   border: 1px solid var(--gold-dark); }

.progress-bar{ background-color: var(--primary-color); }

h6.fondTransNB, .rep .info b, .word h6, .colCloud h5, .que h6.fondTrans { color: var(--primary-color); }


span.color { color: var(--gold); }
.navbar { background-color: var(--primary-color) !important; }

.navbar-light .navbar-nav a.nav-link       { color: var(--gold-medium); }
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav a.nav-link:hover { color: var(--link-color-hover); }

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus          { color: var(--gold-medium); }

.navbar-light .navbar-nav .active > .nav-link,

.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link { color: var(--background-color-light); }

.dropdown-item.active,
.dropdown-item:active {
  color: var(--link-color-hover);
  background-color: var(--primary-color);
}

#login a       { color: var(--gold-dark); }
#login a:hover { color: var(--link-color-hover); }

a.linkMnu                 { border-bottom: 1px solid var(--bg-light-gray); }
.dropdown-content a:hover { background-color: var(--bg-light-gray); }
.dropdown-toggle, .dropdown a { color: rgb(0 0 0 / 78%); }


.breadcrumb {
  background: var(--bg-breadcrum);
  color: var(--color-breadcrum);
}

.breadcrumb-item.active,
li.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before { color: var(--breadcrumb-item); }

li.breadcrumb-item .sujets { color: var(--color-breadcrum); }

.Navigation, 
.NavigationTop { background-color: var(--bg-breadcrum); }
.NavigationTop a.linkNav    { color: var(--breadcrumb-item); }


.card-header {
  border-top:    1px solid var(--primary-color);
  border-left:   1px solid var(--primary-color);
  border-right:  1px solid var(--primary-color);
  border-bottom: 1px dotted var(--primary-color);
}


.titlePage {
  font-family: var(--Monda);
  color: var(--text-titleHP);
  border-bottom: 1px solid var(--gold-dark);
}

.btn-jeu:hover, 
.button {
  background: linear-gradient(135deg,var(--buton1) 0%, var(--buton2) 100%); 
  color: var(--link-color-hover); 
  box-shadow: inset 0 0 0 1px var(--background-color);
}
.button:hover { 
      background: linear-gradient(135deg,var(--buton2) 0%, var(--buton1) 100%); 
      color: var(--link-color-hover); 
}

.buttonHeader {
  background-color: var(--link-color-hover);
  box-shadow: inset 0 0 0 1px var(--brown-light);
}

.btn-primary {
  border: none;
  background-color: var(--primary-color);
}

.btn-outline-success,
.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:focus,
.btn-outline-secondary,
.btn-outline-danger { background: var(--white-color);  }


.subcateg-block .btn-outline-primary:hover { background: var(--secondary-color); color: var(--link-color-hover);  }
.subcateg-block  .btn-outline-primary { border: 1px solid var(--primary-color); color: var(--primary-color); }
.subcateg-block h5 { color: var(--breadcrumb-item); }

.btn-group { border: 1px solid var(--brown-light); }

.btn-article, 
a.CloseButton,
a.CloseButton:hover {
  background-color: var(--bg-light);
  border: 1px solid var(--blue-bright);
  color: var(--primary-color);
}

.btn-article:hover {  background-color: var(--bg-light); }

a.btn-warning,
a.btn-option {
  color: var(--text-dark) !important;
  background-color: var(--gold-medium) !important;
  border-color: var(--gold-dark) !important;
}
a.btn-option:hover {
    color: var(--brown-dark) !important;
}

.copy-btn {
  border-color: 1px solid var(--secondary-color);
  color: var(--primary-color);
}

input, textarea {
  border: 1px solid var(--grey-warm);
  color: var(--text-color);
}

label { color: var(--text-color); }

.fa-thumbs-up          { color: var(--green-medium); }
.fa-thumbs-down,
.error,
.text-danger           { color: var(--red-dark); }
.fa-engine-warning     { color: var(--orange-light); }
/* .fa-circle-info        { color: var(--blue-bright); } */
.fa-eye-slash, .fa-eye { color: var(--brown-medium); }
.fa-eye-slash:hover,
.fa-eye:hover          { color: var(--gold-dark); }

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid   { border-color: var(--medium-blue-green); }

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid  { border-color: var(--pink-medium); }

.contactPage {
  border: 1px solid var(--brown-light);
  background-color: var(--white-color2);
  box-shadow: 1px 2px 4px var(--bg-grey);
}


.btn-facebook { background: var(--facebook-color); color: var(--white-color2); }
.btn-twitter  { background: var(--twitter-color);  color: var(--white-color2); }
.btn-linkedin { background: var(--linkedin-color); color: var(--white-color2); }

/* .shareArticlePos > a { color: var(--primary-color); } */

.btn-btnFB:hover, .btn-btnTwitter:hover,
.btn-btnGoogle:hover, .btn-btnLinkedIn:hover {
  box-shadow: 1px 2px 4px var(--overlay-dark);
}

.btn-btnTwitter{ border: 1px solid var(--twitter-color);  }
.btn-btnLinkedIn{ border: 1px solid var(--linkedin-color);  }

.shareNewsLine a.link-facebook { background-color: var(--facebook-color); color: var(--white-color); }
.shareNewsLine a.link-linkedin { background-color: var(--linkedin-color); color: var(--white-color);   }
.shareNewsLine a.link-twitter  { background-color: var(--twitter-color);  color: var(--white-color);  }

.shareNewsLine a.link-facebook:hover,
.shareNewsLine a.link-linkedin:hover,
.shareNewsLine a.link-twitter:hover {
  box-shadow: 1px 2px 4px var(--overlay-dark);
  color: var(--link-color-hover);
}

/* .SharePost {
  border: 1px solid gray;
} */

.SharePost { background-color: var(--share); }

/* .cardNews {
  background-color: var(--white-color);
  background-image: radial-gradient(circle at 10px 10px, rgba(0,0,0,0.05) 1px, transparent 2px);
} */

.card-header-poll { border-bottom: 1px solid var(--gold); }


.titleNews a           { color: var(--primary-color); }
.bodyNews a            { color: var(--text-titleHP); }
.bodyNews a:hover      { color: var(--gold-dark); }

.bodyNews {
  border-bottom: 1px solid var(--background-color);
  border-left:   1px solid var(--background-color);
  border-right:  1px solid var(--background-color);
}

.news-card {
  background: var(--background-color-light);
  border: 1px solid var(--bottom-grey-light);
  box-shadow: 1px 2px 4px var(--grey-blue);
}

.news-card h3      { color: var(--h3-blue); }
.news-card a:hover { color: var(--secondary-color); }

.contenuArticle {
  border: 1px solid var(--brown-light);
  background-color: var(--white-color);
}

.InfoProjet { background-color: var(--bgInfoProjet);}

.contenuArticle a       { color: var(--secondary-color); }
.contenuArticle a:hover { color: var(--gold-dark);  }

.info, .infoA { background-color: var(--bg-light-gold); }
.infoA        { border-left: 3px solid var(--gold); }

.infoW        {  background-color: var(--info-box);  border-left: 3px solid var(--blue-bright); }
.infoRed      { background-color: var(--bg-light-yellow); border-left: 3px solid red; }
.infoWarning      { background-color: var(--bg-light-warning); border-left: 3px solid orangered; }
.infoWarning b, .infoWarning a  { color: var(--red-dark); }


.infoGrey     { background-color: var(--bg-light); border-left: 3px solid var(--bg-grey); }

.infottepage {
  background-color: var(--bg-light-gray);
  /* border: 1px solid var(--background-color); */
}

.infoNext {
  background-color: var(--bg-light);
  border-top:    1px solid grey;
  border-bottom: 3px solid var(--h3-blue);
  border-left:   1px solid grey;
  border-right:  3px solid var(--h3-blue);
}

.warning {
  background-color: #e5bc59;
  /* FEC02B */
  border: 1px solid #000000;
}

.goodPractice {
  background-color: var(--vlight-blue);
  border: 1px solid var(--secondary-color);
}

.goodPractice b { color: var(--blue-bright); }

.fondTitle {
  background-color: var(--bg-breadcrum);
  border-bottom: 1px solid var(--gold);
}

h4.titleSubject { color: var(--text-dark); }

.code, span.code {
  color: #657b83;
  font-family: var(--code);
}

.contenuArticle h6 > .code {
  font-family: var(--code);
}

.titleCode { background-color: #2A313C; }

span.codeBlock {
  font-family: var(--code);
  color: #657b83;
}

pre.response {
  background-color: var(--white-color);
  border: 1px dotted var(--text-color-dark);
}

.resultcode { background-color: var(--bg-light-gray); }

.resultcode code {
  color: var(--text-dark);
  background-color: var(--bg-vlight-yellow);
}

.resultcode ol li { margin-left: -15px; }

.resultcode .code {
  display: inline-block;  margin: 0px 2px 4px 2px; 
  color: #34383a; 
    padding: 0px 3px 0px 3px;
    background-color: var(--bg-vlight-yellow);
}

.labelBlue { background-color: #121D2F; color: #3B7FD6; }

.borderRight  { border-right: 1px solid var(--gold-dark); }

.articleLinked{
  background-color: var(--bg-light-gray);
  border: 1px solid var(--gold-light);
}

.dateArticle { color: var(--brown-medium); }

.tag_article        { background-color: var(--secondary-color); }

.tag_article_update {
   background-color: var(--badge-info); color: var(--white-color);  }

.bgBox{
  border: 1px solid var(--secondary-color);
  background-color: var(--very-light-blue);
}

.boxStep {
  border: 1px solid var(--grey-blue);
  background-color: var(--bg-light);
}

.boxStepDebug {
  border: 1px solid var(--grey-blue);
  background-color: var(--warm-light);
}

/* 
.contenuArticle b, .blockCitation b {
  color: var(--bold-article);
} */

/* pour name=scan-trivy-vulnerabilite-trouvee-sur-l-image-docker*/
 /* .contenuArticle .blog {border: 1px solid #CCC;} */

ul.article-series li.currentStep .bgBox {
  border: 1px solid var(--gold-dark);
  background-color: var(--gold-light);
}

ul.article-series li .bgBox strong { color: var(--gold); }

ul.article-series li.currentStep strong,
ul.article-series li ul li a:hover { color: var(--gold-dark); }

li.current small { color: var(--medium-blue-green); }

.desc-list-sujet a  { color: var(--breadcrumb-item); }
.desc-list-sujet    { border-top: 1px solid var(--background-color); }

/* list sujet */

.card-list {padding: 5px; border-radius: 10px; border: 1px solid var(--grey-blue); background-color: var(--white-color);}


.titleSearch, h6.titleSearch { color: var(--color-breadcrum); }
h6.titleSearch:hover          { color: var(--gold-dark); }

.bkgrdResult {
  background: linear-gradient(135deg, var(--very-light-blue) 0%, var(--vlight-blue) 100%);
  border-bottom: 1px solid var(--gold-light);
}

.bkgrdResult:hover {
  border-bottom: 1px solid var(--gold-light);
  box-shadow: 1px 2px 4px var(--overlay-dark);
}

.bkgrd_content {
  border-left:   1px solid var(--bg-light);
  border-right:  1px solid var(--bg-light);
  border-bottom: 1px solid var(--bg-light);
}

.boxSearch {
  border: 1px solid var(--bottom-grey-light);
  background-image: linear-gradient(var(--bg-light-gray), var(--white-color));
}

.leftBox { background-color: var(--bg-leftBox); }

ul.linksBoxLeft li.news,
ul.linksBoxLeft li.sujets { border-bottom: 1px solid var(--bottom-grey-light); }

ul.linksBoxLeft li.news:hover,
ul.linksBoxLeft li.newsHP:hover,
ul.linksBoxLeft li.sujets:hover { border-bottom: 1px solid var(--gold-light); }

li.sub a.selectCat,
.devops-cat-link.activeCat {
  background-color: var(--very-light-blue);
  color: var(--gold-dark);
}

.forum-container {
  background: var(--bg-light-gray);
  border: 1px solid var(--bottom-grey-light);
}

.forum-title {
  color: var(--h3-blue);
  border-bottom: 2px solid var(--primary-color);
}

.ShopbyCategory h4, .Lastproduct h4,
h4.forumCateg { color: var(--text-titleHP); }


/* degradé part*/

/* gestion */
/* .flash-en,  */
.BKGRD_G {
  background: linear-gradient(177deg, var(--fgestion1) 0%, var(--fgestion2) 100%);
  border: 1px solid var(--grey-blue);
}

/* news & snippets*/
/* .list-group-item,  */
.cardNews .headerNews, .flashcards .card-header {
  background: linear-gradient(135deg, var(--news-snippets2) 0%, var(--news-snippets1) 100%);
  border: 1px solid var(--background-color);

  color: var(--primary-color); 
}

.list-group-item
{ background: linear-gradient(135deg,var(--very-light-blue) 0%, var(--vlight-blue) 100%); border: 1px solid var(--background-color);  }

/* custom header tarot loisirs */
.card-header-custom
{
  background: linear-gradient(135deg, var(--tLoisir1) 0%, var(--tLoisir2) 100%);
  /* border: 1px solid var(--accent); */
}


/* aboutbgtitle*/
/* .aboutMe .bgtitle, ? a voir */
.box_about{
  /* background: linear-gradient(135deg, var(--about1) 0%, var(--about2) 100%); */
  background: var(--about);
  border: 1px solid var(--gold-dark);
  border-radius: var(--radius-md); 
}


.boxComment         { background-color: var(--white-color); }
.boxColorPanel h4   { color: var(--gold-dark); }
.boxColorCards      { background-color: var(--bg-light); border: 1px solid var(--bg-vlight-yellow); }
.commentUser        { border: 1px solid var(--bottom-grey-light); }
.boxColorReply,
.LetComment         { background-color: var(--bg-light-gray); }
.titleComment       { color: var(--primary-color); }
.LetComment         { border-top: 1px solid var(--gold-dark); }

a.replyTo, .btn-reply-submit           { background-color: var(--brown-light); color: var(--text-color-dark); }
a.replyTo:hover     { color: var(--gold-dark); text-decoration: none; }

.commentUserReplyTo {
  background-color: var(--bg-light);
  border-bottom: 1px dotted var(--text-color-dark);
}

.boxColorSec        { background-color: var(--bg-vlight-yellow); border-bottom: 1px dotted var(--text-color-dark); }
.boxColorComment h5 { color: var(--color-breadcrum); }
.boxColorComment    { background-color: var(--white-color); }

.cardText {
  border: 1px solid var(--gold-dark);
  background-color: var(--bg-step);
}

.border-color{
  border: 1px solid var(--grey-blue);
}
.cardText h6, .cardText b {color: var(--brown-dark); }

.badge{padding:5px; font-size: smaller; min-width: 30px; }

/* .badgeStep {
  border: 1px solid var(--bg-light-brown);
  background-color: var(--secondary-color);
  color: var(--white-color);
}*/

.badge-number {padding: 5px; font-size: smaller; border-radius: 2px; margin-top: -5px;
  margin-right: 1px;  background-color: var(--primary-color);
  /* max-width: 5px!important; */
} 


.badge-info {
  background: var(--badge-info); }

/* étapes articles */

.titreStep {
  border-bottom: 1px solid var(--gold);
  color: var(--brown-dark);
}


/* about me cv */

.motcle {
  border: 1px solid var(--primary-color);
  color: var(--secondary-color);
  background-color: var(--very-light-blue);
}

.motcle:hover {
  border: 1px solid var(--secondary-color);
  color: var(--text-color-dark);
}

.blockCitation {
  background-color: var(--background-color-light);
  background-image: radial-gradient(circle at 10px 10px, rgba(159, 138, 255, 0.05) 1px, transparent 2px);
  background-size: 30px 30px;
  color: var(--text-color-dark);
  border: 1px solid var(--text-color);
}



/* flashcards anglais */

h6.messageDesCartes { color: var(--text-titleHP); }
label.lg_label      { color: var(--gold-dark); }

a.bkgrdExp, .bkgrdExp {
  background-color: var(--bg-breadcrum);
  border-radius: 5px;
  border: 1px solid var(--gold);
}

a.bkgrdExp:hover    { color: var(--gold-dark); }

.textMsgClose { color: var(--text-color); }
h5.flashQuest { color: var(--h3-blue); }
h6.flashQuest { color: var(--text-dark); }

.fondTransNB, .fondTrans_as, .fondTrans { background-color: var(--overlay-white); }
.indice, .indice_as_as, .bottomLg       { background-color: var(--secondary-color); color: var(--white-color); }
.viewIndice, .viewIndice_as_as          { background-color: var(--bg-light); }
.ind_as_as, .que_center                 { color: var(--secondary-color); }

h6.fondTransNB, h5 span.color,
.rep .info b, .word h6,
.colCloud h5 { color: var(--primary-color); }

.flashCard {
  background-color: var(--bg-light-yellow);
  border: 1px solid var(--bg-grey);
}

/* .flash-en {
  background: linear-gradient(135deg, var(--very-light-blue) 0%, var(--vlight-blue) 100%);
  border: 1px solid var(--background-color);
} */

.flashCard:hover, .flash-en:hover, .cliqued {
  box-shadow: 0 2px 4px var(--text-color);
  border: 1px solid var(--gold);
}



/* Loisirs articles */

.divLoisirs { font-family: var(--font-pagePress); }

.divLoisirs hr              { background-color: var(--gold-light); }
.divLoisirs.expend .card    { box-shadow: 0 10px 25px var(--overlay-light); }

.contenuLoisir {margin-bottom: 10px; }

.divLoisirs .contenuLoisir h3 {
  color: var(--brown-dark);
  background-color: var(--bg-light-yellow);
}

.contenuLoisir ol li,
.contenuLoisir ul#liste li,
.contenuLoisir ul li {
  background-color: var(--background-color-light);
  color: var(--text-color-dark);
}

.contenuLoisir ul li:before { color: var(--gold-dark); }
.contenuLoisir .notaBene    { border-top: 1px dotted var(--gold-dark); }

.contenuLoisir .linksLoisirs {
  border-left: 1px solid var(--beige-light);
  color: var(--gold);
}

.intro { color: var(--text-color-dark); }

/* .contenuLoisir .card-title, .card-header-custom {
  border-bottom: 2px solid var(--background-color);
} */

.divLoisirs .contenuLoisir {
  border-left: 1px solid var(--tLoisir1);
  border-right: 1px solid var(--tLoisir2);
  border-bottom: 1px solid var(--tLoisir2);
  background-color: var(--white-color);
}

.card-title h5, .card-header-custom h5 { color: var(--accent-dark); }

.cite { 
  /* color: var(--brown-dark);  */
  color: var(--secondary-color); 

}

.bien-etre-box {
  background: var(--bg-bienetrebox);
  border-left: 3px solid var(--secondary-color);
}

.bien-etre-box h6 { color: var(--blue-bright); }
.bien-etre-box p  { color: var(--text-color-dark); line-height: 1.75; }

.section-divider  { border-top: 1px dashed var(--bottom-grey-light); }

.atelier-title {
  background: var(--accent-dark);
  color: var(--link-color-hover);
}

.col-neg { background: var(--neg-pos); }
.col-pos { background: var(--green-light); }


/* fafa */
.contenuLoisir .colorTheme {color: var(--secondary-color); }

.contenuLoisir .info-box, .ContenuArticle .info-box {
  background-color: var(--info-box);
  color: var(--h3-blue);
  border: 1px solid var(--gold-vlight);
}

.quote-card {
  background: var(--accent-light);
  color: var(--accent-dark);
}

.nota-bene{
  background: var(--bg-light-yellow);
  border: 1px solid var(--gold-light);

  /* color: var(--brown-dark); */
}

 .contenuLoisir > .soin { 
  color: var(--brown-dark); background: var(--bg-light-yellow); 
 }

.citation {
  background: var(--bg-light);
  border: 1px solid var(--blue-bright);
}

.recommandation {
  background: var(--bg-light-warning);
  border: 1px solid var(--red-dark);
  color: var(--red-dark);
}

.links-section   { border: 1px solid var(--accent-dark); background-color: var(--bg-breadcrum); }
.links-section a { color: var(--accent-dark); }

.contenuLoisir h6 { color: var(--text-titleHP); font-family: var(--font-pagePress); }

.page-footer {
  color: var(--grey-blue);
  border-top: 1px solid var(--bottom-grey-light);
}

.mindset-quote        { border: 1px solid rgba(0,217,255,.2); }
.mindset-quote::before { color: var(--blue-bright); }


/* jeu de mots  */

.boxTM {
  background-color: var(--bg-card);
  border: 1px solid var(--border-card);
  font-family: var(--font-Cards);
}

.boxTM:hover { box-shadow: 1px 2px 4px var(--overlay-dark); }

.titre {
  border-bottom: 1px solid var(--gold);
  color: var(--border-card);
}

p.def {
  color: var(--text-color-dark);
  border: 1px solid var(--bg-light-gray);
  background-color: var(--white-color);
}

.btn-jeu       { background-color: var(--buton2); color: var(--bg-vlight-yellow); }

.categ         { border-top: 1px solid var(--gold); }

a.morale    { color: var(--text-color-dark); }
.textMorale, a.morale:hover , .viewcateg:hover    { color: var(--text-card); }

a.categ:hover, .viewcateg, .textCateg    { color: var(--border-card); }


/* citations */

h6.heading {
  border-top:    1px solid var(--gold-medium);
  border-bottom: 1px solid var(--gold);
}

h6.heading:hover {
  border-top:    1px solid var(--gold);
  border-bottom: 1px solid var(--gold-medium);
}

.message   { color: var(--red-dark); 
  font-family: 'Gochi Hand';
}
.close, .close:hover   { background-color: var(--bg-light-yellow); border: 1px solid var(--gold-light); color: var(--text-color-dark); opacity: 1; }
.number1, .number2 { color: var(--white-color); }
#shadowing { background-color: var(--bg-light); }

span.msgInner {
  font-family: var(--Pragati);
  color: var(--text-color-dark);
}

.card76:hover { box-shadow: 0 4px 10px var(--overlay-light); }

.cardLiteStep { border-radius: 10px;  border: 1px solid var(--green-medium);}
/* demostore eshop demo */

.cardDemo, .fondShopBy {
  border-color: var(--bg-grey);
  background-color: var(--bg-article);
}

.Tarif, .tdetail{ color: var(--h3-blue); }
.cardDemo .card-bodyProduct h6 { background-color: var(--bg-light-brown)!important; font-size: clamp(14px, 2vw, 12px);}

.cardDemo:hover,
.randomProd:hover       { box-shadow: 1px 2px 4px var(--overlay-dark); }

.cardFlash              { background-color: var(--bg-card);  border-color: var(--bg-grey); }
.cardFlash:hover        { box-shadow: 0 2px 4px var(--text-color); }

a.tumb img       { border: 1px solid var(--gold-light); }
a.tumb img:hover { border: 1px solid var(--gold); }

.webshopLink:hover { box-shadow: 1px 2px 4px var(--overlay-dark); }
.titleCateg      { color: var(--secondary-color); }

.subCategButton {
  color: var(--secondary-color);
  border: 1px solid var(--gold-dark);

}

.subCategButton:hover { color: var(--gold); }

h5.lastProdTitle { color: var(--text-titleHP); }
.descProd        { color: var(--text-color-dark); }

.btn-groupLast > a.addPanier, a.addPanier  { background-color: var(--medium-blue-green)!important; }

.btn-groupLast > a.addPanier:hover, a.addPanier:hover { color: var(--white-color); background-color: var(--gold-dark); }

a.detailProd        { background-color: var(--primary-color); color: var(--white-color); }
a.detailProd:hover  { background-color: var(--gold-dark); color: var(--link-color-hover); }

a.addPanier,
a.detailProd:hover  { color: var(--white-color); }
a.addPanier:hover   { color: var(--link-color-hover); }

.linkCard           { background-color: var(--white-color); }
.linkCard a         { color: var(--gold-dark) !important; }

.bandGrdTotal       { background: var(--bg-light-gray); border-top: 1px solid var(--bg-light-brown); border-bottom: 1px solid var(--bg-light-brown); }
.bandGrdTotal h5    { color: var(--brown-dark); }



/* pagination  */

#pagination li.page-item.active .page-link {
  /* background: linear-gradient(var(--background-color-light), var(--background-color)); */
  background: var(--background-color-light);
  color: var(--brown-dark);
  border-color: 1px solid var(--gold);
}

#pagination li.page-item .page-link,
.pagination-sm .page-link { color: var(--brown-light); }

#pagination li.page-item .page-link:hover { color: var(--brown-dark); }



/* formule gestion  */

.formule {
  background-color: var(--white-color);
  border-top:    1px solid var(--gold-light);
  border-bottom: 1px solid var(--gold-light);
  color: var(--text-dark);
}

.formule u          { border-bottom: 1px solid var(--text-dark); }
.formule hr         { background-color: var(--gold-light); }
.fraction span.fdn  { border-top: thin solid var(--text-dark); }