.a
{
    color:#123;
    text-decoration : none;
}
.navbar
{
   background: linear-gradient(#0b3368, #0b3368);
  /*  background: linear-gradient(#a00000, #a00000);*/
    height: 4em; 
    
    margin-bottom: 1em !important; 

}
.nav-link
{
    color:#fff;
    font-size : 1.4em;
 

}
a.nav-link
{
    color:#fff !important;
    color:#123;
 

}

.navbar-brand img
{
    width: 5em;
    margin-top: 0.5em;
}
.stats-info
{
  
    font-size : 2em;
    text-align: center;
    color:#fff;
    background: linear-gradient(#01050a, #464646);
    padding :0.7em;
    font-weight: 700;
    border-radius: 0.2em;
}
/* grid */
.fb-card
{
  padding: 0.5em;
  margin-bottom: 1.2em;
}
.instanceinfo
{
    margin-top: -1.7em;
    padding-left: 0.3em;
    font-size : 0.8em;
    color:#fff;
}
.lientitreinstance
{

    text-align: center;
    color:#123;
    margin-top: 0.6em;
    font-size : 1.3em;

}

.liendescinstance
{
    text-align: center;
    color:#123;
    margin-top: -0.3em;
    font-size : 1em;
    line-height: 0.9em;
}
a.liendescinstance
{
    text-decoration : none;

}
.bouton1
{
   /* background: linear-gradient(#018f37, #03af45);*/
    background: linear-gradient(#0b3368, #0b3368);
   /* background: linear-gradient(#aa0000, #ee0000);*/
}

h1.titrepage
{

    font-size : 3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
}
h2.titrearticle
{
    margin-top : 0.2em;
    margin-left : 0.2em;
    margin-bottom : 0.1em;
    font-size : 2.5em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
   /* background: #aaaaaa;*/
    padding-left: 0.2em;
    padding-right: 0.2em;
    color:#888; 
}

a.titrearticle
{
    color:#888; 
    text-decoration: none;
}
 .datearticle
{
    margin-left : -0.4em;
    font-size : 0.9em;
    color:#555; 
    margin-top : -0.3em;
    margin-bottom : -0.2em;
   /* background: #e4d74d;*/
    padding-left: 0.54em;


}
.textearticle
{
    margin-left : 0.5em;
    font-size : 1em;
  /*  background: #bd7575;*/
    padding : 0.4em;
}
.datefin
{
    font-size : 0.7em;
    color:#777; 
    margin-top : -0.3em;
    margin-bottom : -0.1em;
    text-align: right;
 
}
.komputero
{
    color:#aaa; 
    font-size : 0.7em;
    text-align: right;
    margin-top: -1.0em;
    margin-bottom: -2em;
}
/* 
/* pied */
.pied
{

  /* background: linear-gradient(#000, #111);*/
  /* background: linear-gradient(#0b3368, #0b3368);*/
 /*  background: linear-gradient(#a00000, #a00000);*/
   background: linear-gradient(#0b3368, #0b3368);
   color:#ccc;

}

a.pied
{
text-decoration : none;
color:#aaa;
font-size : 0.75em !important;
}
a:hover.pied
{
text-decoration : none;
color:#eee;
}