/* CSS Stats annuelles */
#stats_content #menuh {
  width: 0%;
}

#stats_content {
  display:flex;
  margin:0 auto;
}
#stats_menu {
  width:9%;
  
}
#stats_menu .rubrique {
    text-align: right;
    min-height: inherit;
    margin: 20px 10px 20px 0px;
}

.contenu_menu_secondaire_lateral {

}

#stats_contenu {
  margin:0 0 0 1%;
  width:90%;
  margin-top:80px;
  overflow: auto;
  height: 100%;

}
#stats_menu .rubrique h2 {
    font-size: 30px;
}
#stats_menu .rubrique h2 .ombre {
    text-transform: none;
    right: 10px;
    top: 16px;
    font-size: 22px;
}

.stat_jour {
    color: #8C1D40;
    margin: 5px 0;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Playfair Display', serif;
    
}



/* tableaux de stats */

/*
#stats_tab_annee, #stats_tab_vente {
  width: 900px;
}
*/

.stats_tab {

}
.stats_tab_row_alternee {
  background-color: rgba(255, 255, 255, 1); /* blanc */ 
}
.stats_tab_row_alternee:nth-child(even) {
    /*background-color: rgba(140, 29, 64, 0.17);*/ /* rose */
    background-color: rgba(140, 140, 140, 0.17); /* gris */
}
.stats_tab_row_vente:nth-child(even) {
    /*background-color: rgba(140, 29, 64, 0.17);*/ /* rose */
    background-color: rgba(140, 140, 140, 0.20)!important; /* gris */
}

.stats_tab_row_separateur {
  border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.stats_tab_row_filet {
  border-bottom: 1px solid rgba(140, 140, 140, 0.3); /* gris */
}

.stats_tab_header {
  display:flex;
  align-items: center;
  background-color: rgb(140, 29, 64);
}
.stats_tab_header div {
  color:#fff;
  padding:8px 2px;
}
.stats_tab_body{
  margin-bottom:20px;
}
.stats_tab_row, .stats_tab_row_vente, .stats_tab_row_detail {
  display:flex;
}
.stats_tab_row_detail {
  display:none;  
}
.stats_tab_row_detail .cvente {
  padding-left:20px;  
}
.stats_tab_row div, .stats_tab_row_vente div, .stats_tab_row_detail div {
  padding:6px 2px;
}
.stats_tab_row div > p, .stats_tab_row_vente div > p, .stats_tab_row_detail div > p {
  font-size:12px;
}

.stats_tab_row_detail:nth-child(even) {
    /* background-color: rgba(140, 29, 64, 0.17); */
    background-color: rgba(160, 160, 160, 0.17);
}


.stats_tab_header div p {
  display:inline-block;
  color:#fff;
}

/* idem mais reste en ligne en responsive (pour stats days) */
.stats_tab_ligne {

}
.stats_tab_ligne_header {
  display:flex;
  background-color: rgb(140, 29, 64);
}
.stats_tab_ligne_header div {
  color:#fff;
  padding:8px 2px;
}
.stats_tab_ligne_body{
  margin-bottom:20px;
}
.stats_tab_ligne_row {
  display:flex;
}
.stats_tab_ligne_row div {
  padding:6px 2px;
}
.stats_tab_ligne_row div > p {
  font-size:12px;
}
.stats_tab_ligne_row:nth-child(even) {
    /*background-color: rgba(140, 29, 64, 0.17);*/ /* rose */
    background-color: rgba(140, 140, 140, 0.17); /* gris */
}

/* largeurs des colonnes */
.cfx1 {
	flex: 1;
  white-space:nowrap;
}
.cfx2 {
	flex: 2;
}
.cfx3 {
	flex: 3;
}
.cyear {
	min-width:40px;
  font-weight:600;
}
.cright {
  text-align:right;
  margin-right:4px;
}
.ccenter {
  text-align:center;
}
.ccom {
  min-width:40px;
  text-align:center;
}

.communique_icon {
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/pdf_icon.png);
}
.cvente {
  width:170px;
  font-weight:600;
}
  .cvente a {
    color:rgb(140, 29, 64);
  }

.ctitre {
  margin-left:4px;
}

.carrow, carrowz, .carrowd {
  width:10px;
  height:25px;
}
.carrow {
  background-image:url('../images/arrow_right.gif');
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
}



/*style special pour les listes qui se développent avec le btn Suite */

.stats_tab_row[data-more="1"] {
  display:none;
}
.stats_suite p {
  padding:10px;
  color: rgb(140, 29, 64);
  cursor:pointer;
}
.stats_retour p {
  padding:10px;
  color: rgb(140, 29, 64);
  cursor:pointer;
}
.stats_retour {
  display:none;
}

/*  tableaux journées */
.stat_grille {
  display:flex;
  justify-content:space-between;
  margin-bottom:15px;
}
.stat_grille_case {
  width:49%;
}

/* etalons */
.etalon_lien {
  cursor:pointer;
}
.etalon_lien:hover {
  text-decoration:underline;
}
.etalon_produits {
  display:none;
}


@media screen and (max-width: 1280px) {
  .stats_tab_row div > p  .stats_tab_row_detail div > p {
   font-size:11px;
  }
}

@media screen and (max-width: 1100px) {
  .cvente {
    width: 60px;
  }
}

@media screen and (max-width: 920px) {
  

  .communique_icon {
    filter: brightness(0%);
  }
  #stats_content {
    flex-direction: column;
    margin-top: 25px;
  }
  
  .contenu_menu_secondaire_lateral {
    margin-top:40px;
  }
  
  #stats_menu {
    width:100%;
  }
  #stats_menu .rubrique {
    margin: 0 20px 0 100px;
    float:right;
  }
  
  #stats_contenu {
      margin:0 auto;
      width: 100%;
  } 
    
  .stats_tab_header {
    display:none;
  }
  .stats_tab_row, .stats_tab_row_vente, .stats_tab_row_detail {
    flex-direction:column;
    margin-bottom: 25px;
    width:100%;
    position:relative;
  }
  .stats_tab_row_detail, .stats_tab_row_detail:nth-child(even)  {
  
    flex-direction:column;
    width:100%;
    position:relative;  
  
    margin-bottom: 5px;
    border-bottom:1px dotted #444;
    
    background-color:rgba(200,200,200,0.4)!important;
  }
  .stats_tab_row div, .stats_tab_row_vente div, .stats_tab_row_detail div  {
    display:flex;
  }
  .stats_tab_row div.rd-hidden {
    display:none;
  }
  
  .stats_tab_row_detail .cvente {
    padding-left:0;  
  }
    .cfxpos {
    	width:auto;
      text-align:left;
      margin-right:0;
    }   
  
  
  
   .stats_tab_row div > p, .stats_tab_row_detail div > p, .stats_tab_row_vente div > p {
       font-weight: 500;
       font-size: 20px;
   }  
  .stats_tab_row div::before, .stats_tab_row_detail div::before, .stats_tab_row_vente div::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      margin-right:1%;
      content: attr(data-c);
      color: grey;
      font-size: 20px;
      min-width: 35%;
  }
  .cright, .ccenter {
    text-align:left;
    margin-right:0;
  }
  .cyear, .ccom, .cvente {
    width:100%;
    text-align:left;
  }
  .stats_tab_row:nth-child(even) {
      background-color: rgba(255, 255, 255, 1);
  } 
  
  .stats_tab_row .carrow {
    width:auto;
    height:auto;
    background-image:none;
    background-color: rgb(140, 29, 64);
    position:absolute;
    bottom:0;
    right:0;
    margin-top:25px;
  } 
  .stats_tab_row .carrow::before {
    content: '+';
    color:#fff!important;
    padding:0px 8px;
    text-align:left;    
    font-size: 20px;
  }
  
  .stat_jour {
    font-size:20px;
  }
  
  .stats_suite p, .stats_retour p {
    background-color: rgb(140, 29, 64);
    color:#fff;
    font-size: 14px;
    padding:5px 10px;
    width:100px;
    text-align:center;
  }
  
  
  /*  tableaux journées */
  .stat_grille {
    display:block;
  }
  .stat_grille_case {
    width:100%;
  }  
}
@media screen and (max-width: 700px) { 
  .stats_tab_row div, .stats_tab_row_detail div, .stats_tab_row_vente div {
    justify-content: space-between;
  }
  .stats_tab_row div > p, .stats_tab_row_detail div > p, .stats_tab_row_vente div > p {
    text-align: right;
  }
  .stats_tab_row .carrow {
    bottom: -35px;
    z-index: 1;
  }
}