@import "framework.css";
@import "style.css";
@import "dashboard.css";
@import "style.css";
@import "main.css";


/**
    Bootstrap specifique Docaposte
    ATTENTION : chaque nom de variable-couleur reprend exactement le nom d'un' champ de l'objet groovy MarqueBlanche
 */
:root
{
   --couleurNom : #0a00ff;
   --couleurTitre : #0a00ff;
   --couleurSousTitre : #007bff;
   --couleurTexte : #000000;
   --couleurLien : #0a00ff;
   --couleurLienActive : #0056b3;
   --couleurTexteMessage : #fff;
   --couleurFondMessage : #007bff;
   --couleurTexteErreur : #fff;
   --couleurFondErreur : #d23434;
   --couleurFondSelectionMenu : #D2D6FF;
   --couleurFondActiveMenu : #E5EAFF;

  --couleurTexteMenu : #0a00ff;
  --couleurTexteSelectionMenu : #0056b3;
  --couleurTexteActiveMenu : #0056b3;

}

.sidebar .nav-item:hover {
  background-color: var(--couleurFondActiveMenu);
  border-radius: 50px !important;
  /*width: 90%;*/
}

.sidebar .nav-item.active {
  background-color: var(--couleurFondActiveMenu);
  border-radius: 50px !important;
}

/* ajout ---------------------------------------*/
.sidebar .nav-item.selected {
  background-color: var(--couleurFondSelectionMenu);
  border-radius: 50px !important;
}
/*---------------------------------------*/

.logo
{
  display: block;
  width: 120px;
  height: 70px;
  background-image: url(logos/logoDocaposte.png);
  background-repeat: no-repeat;
  background-color: transparent;
  /*background-color: transparent;*/
  border:none;
  margin-left:auto;
  margin-right:0px;
  padding-right:0px;
  font-size:10px;
  text-align:left;
  align:left;
  horizontal-align:left;
}

h1, h2, h3, h4 {
  color: var(--couleurTitre);
}
h5, h6 {
  color: var(--couleurSousTitre);
}
.transparent {
  color: transparent;
}

.couleur-white {
  color: white;
}
.couleur-white:hover {
  color: white;
}

a {
  color: var(--couleurLien);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--couleurLienActive);
  text-decoration: none;
}

a.menu {
  color: var(--couleurTexteMenu);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.menu:hover {
  color: var(--couleurTexteActiveMenu);
  text-decoration: none;
}
a.menu:active {
  color: var(--couleurTexteActiveMenu);
  text-decoration: none;
}
a.menu::selection {
  color: var(--couleurTexteSelectionMenu);
  text-decoration: none;
}

.couleurTexteMenu{   color:  var(--couleurTexteMenu); }
.couleurTexteActiveMenu{   color:  var(--couleurTexteActiveMenu); }
.couleurTexteSelectionMenu{   color:  var(--couleurTexteSelectionMenu); }


.couleurNom {   color: var(--couleurNom); }
.couleurTitre{   color:  var(--couleurTitre); }
.couleurSousTitre{   color:  var(--couleurSousTitre); }
.couleurTexte{   color:  var(--couleurTexte); }
.couleurLien{   color:  var(--couleurLien); }
.couleurLienActive{   color:  var(--couleurLienActive); }

.couleurFondTitre{   background-color:  var(--couleurTitre); }
.couleurErreur{
  color:  var(--couleurTexteErreur);
  background-color:  var(--couleurFondErreur);
  opacity: 70%;
}

.couleurMessage
{   color:  var(--couleurTexteMessage);
    background-color:  var(--couleurFondMessage);
    opacity: 70%;
}


.couleurBorder
{   border: 2px solid var(--couleurLien) }

/*.couleurFondSelectionMenu{   background-color:  var(--couleurFondSelectionMenu); }*/
/*.couleurFondActiveMenu{   background-color:  var(--couleurFondActiveMenu); }*/


.btn-outline-primary {
  color: var(--couleurLien);
  background-color: transparent;
  background-image: none;
  border-color: var(--couleurLien);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--couleurLien);
  border-color: var(--couleurLien);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/
  box-shadow: 0 0 0 0.2rem var(--couleurLien);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--couleurLien);
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--couleurLien);
  border-color: var(--couleurLien);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus
{
  box-shadow: 0 0 0 0.2rem var(--couleurLien);
  /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);*/
}

.btn-link {
  font-weight: 400;
  color: var(--couleurLien);
  background-color: transparent;
}

.btn-link:hover {
  color: var(--couleurLienActive);
  /*color: #0056b3;*/
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}