/* Classe à ajouter aux liens du sous menu
(Consulter, Valider,...)*/
.bouton-submenu, .bouton-submenu:focus{
  /*text-decoration: none;*/
  background-color: #be2828;
  border-radius: 15px;
  /*font-family: 'Courgette', cursive;*/
  font-family: 'Open Sans', cursive;
  font-size: 1.3em;
  color: #fff;
  /*padding: 10px 10px 10px 10px;*/
  /*box-shadow: 3px 3px 0px #A02828;*/
  margin: 2px;
  border:0px;
  height: 70px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.sub-menu-container {
  height: 100px;
}

.bouton-submenu:hover {
  transform: translate(0px,2px);
  -webkit-transform: translate(0px,2px);
  box-shadow: 0px 2px 0px #be2828;
  /*text-decoration: none;*/
  color : white;
}

/* Style des sélecteurs, pas de class/id a
rajouter normalement */
select {
  border: 2px solid #be2828;
  padding: 2px;
  font-size: 1.1em;
}

/* Class à ajouter aux différentes catégories choisies
par l'utilisateur pour le choix du vocabulaire */
.categorie-dico {
  color: #fff ;
  background-color: #be2828 ;
  padding: 5px 10px 5px 7px;
  border-radius: 15px;
  margin: 2px 1px 2px 1px;
  display : inline-block;
}

/* Style du tableau, normalement pas de class à rajouter */
.dataTable {
  border-collapse: collapse;
}

.dataTable thead {
  font-family: 'Courgette',cursive;
  font-size: 1.2em;
  color: #fff;
  background-color: #303030 ;
  font-size : 15px;
}

.dataTable tr.odd {
 /* background-color: #da4848; */
 background-color: rgba(190, 40, 40, 0.05);
}

.dataTable tr.odd:hover, .dataTable tr.even:hover {
	background-color: rgba(0, 0, 0, 0.15) ;
}

/*.dataTable tr.odd:hover a{
  color: #fff;
}*/

.dataTable tr.even {
 
  background-color: rgba(255,255,255, 0.1);
}

.dataTable a {
  color: #be2828 ;
  text-decoration: none;
  font-weight: 700;
}

/* style du petit bouton sur le responsive du dictionnaire */
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	background-color: #be2828;
	margin-left: 2px;
	width: 15px;
	font-family: initial;
	line-height: 12px;
}

@media (max-width: 989px){
  .bouton-submenu, .bouton-submenu:focus {
    height: 40px;
    font-size: 1.2em;
  }
}

@media (max-width: 500px){
  .bouton-submenu, .bouton-submenu:focus {
    font-size: 11px;
    border-radius: 5px;
  }
}