/*INFO GE*/
.info_compte{
  /*float:left !important;*/
  font-size: 14px ;
}

.info_compte .cabinet_detenteur {
    margin-left: 10px ;
    margin-right: 10px;
}

a.deconnexion{
  color: white;
  text-decoration: underline;
  margin-right: 10px ;
}

.info_compte .ui.button{
  color: #dddddd ;
  background: rgb(55,55,55);
}
/* menu qui permet d'acceder aux différentes APPLI*/
.menu_appli .ui.item.menu,
.menu_appli .ui.item.menu .item,
.menu_appli .ui.item.menu a.item{
  font-weight: bold ;
  color: white ;
  font-size: 14px ;
  background: rgb(136,136,136) !important;
  border-radius: 0px;
  border:0px;
}

.menu_appli a{
  color:white;
}

.focus{
  font-size: 25px;
  font-weight: bold;
}
.actualite .ui.button{
    background-color: transparent;
    font-size: 15px;
    height: 50px;
    border:1px solid black;
}

.actualite a,.accueil a{
    color:#808080;
}

/********CARDS ************/

/*gestion affichage */
.image_card{
  display:block;
  height:20em; /* hauteur des row à améliorer*/
}
.ui.centered.card.image_card{
  background-size: cover;
}

.dimmer_card {
    display:none;
    width: 100%;
}
.image_card:hover .dimmer_card {
  display:block;
  position: absolute;
  background-color:rgb(70,70,70);
  height: 100%;
  opacity: 0.8;
}
.image_card:hover .title_card {
  display:none;
}

.image_card:hover .title_date {
  display:none;
}
/* gestion du style */

.dimmer_card{
    color:white;
    font-size: 17px;

}
.dimmer_titre_card{
  margin: 1em 1em 0em 1em;
}

.resume_card{
  margin: 3em 1em 0em 1em;
  font-size: 17px;
  text-align: justify;
}

.lien_resume{
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 2em 1em;
  color:white;
}
.dimmer_card a{
  color:white;
}
.title_date{
  width: fit-content;
  height: fit-content;
  background-color: red;
  color:white;
  font-weight: bold;
  font-size:15px;
  padding:0.5em 1.5em 0.5em 1.5em;
  margin-top:2em;
  display: block;
}
.title_card{
  position: absolute;
  bottom: 0;
  left: 0;
  height:50px;
  width: 100%;
  font-weight: bold;
  color: white;
  background-color: black;
  opacity:0.5;
  display: block;

}
.title_card h2,
.title_card h3{
    margin-left:1em;
    vertical-align: middle;
}
.ui.centered.card{
   width:40%;
}
.actus .ui.centered.card{
   width:26%;
}

.row_accueil_bottom{
  height:40%;
}

/* menu accès rapide*/
.ui.inverted.vertical.menu .ui.button.red_line{
  padding: 0.1em;
  background-color: red;
  width: 100%;
}

.ui.inverted.vertical.menu a{
  font-size: 16px;
}