.largeur {
        width:500px;
   }

@media only screen and (max-width: 600px) {
  .largeur {
    width:100%;
  }
}
header {
    background:white;
    height: 50px;
    left:50%;
    position:fixed;
    top:0;
    transform:translate(-50%);
    width:90%;
    max-width:500px;
    z-index:100;
}

footer {
    background:white;
    height: 50px;
    left:50%;
    position:fixed;
    bottom:0;
    transform:translate(-50%);
    width:90%;
    max-width:500px;
    z-index:100;
}
.filtre_stats {
	background: #CECECE;
	border-radius: 10px;
        font-size: 14px;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;
	font-family:Optima,Verdana;
}

.filtre_statsSelec {
        padding-bottom: 5px;
        padding-top: 5px;
        background: linear-gradient(#fcba03, #f7eccb);
        border-radius: 10px;
        font-size: 14px;
	padding-top:10px;
        padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	font-family:Optima,Verdana;	
	font-weight:bolder;
}
.gold {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #FFD700;
    font-family:'Optima','Verdana';
    font-size: 20px;
    font-weight: bold;
}

.argent {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #C0C0C0;
    font-family:'Optima','Verdana';
    font-size: 20px;
    font-weight: bold;
}
.bronze {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #C49C48;
    font-family:'Optima','Verdana';
    font-size: 20px;
    font-weight: bold;
}
a {
        text-decoration: none;
        color: #4d4f4d;
}
.table_seances {
        padding-bottom: 5px;
        padding-top: 5px;
	//background: linear-gradient(#CECECE, #EFEFEF);
	background: linear-gradient(#c0e1f3,#eaf5fc);
        border-radius: 10px;
}

.table_accueil {
        padding-bottom: 5px;
        padding-top: 5px;
        border-radius: 10px;
}
.table_titre {
	background: #c0e1f3;
	padding-bottom: 5px;
        padding-top: 5px;        
	border-radius: 10px;

}
.table_form {
        padding-bottom: 5px;
        padding-top: 5px;
        background: linear-gradient(#fcba03, #f7eccb);
        border-radius: 10px;
}
.date_seance {
        font-family:'Optima','Verdana';
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 5px;
}
.pictos_seance {
        font-family:'Optima','Verdana';
        font-size: 16px;
}
.liste_utilisateur {
        font-family:'Optima','Verdana';
        font-size: 14px;
}
.volume_seance {
        font-family:'Optima','Verdana';
        font-size: 14px;
	padding-right:10px;
}
.groupe {
        font-family:'Optima','Verdana';
        font-size: 20px;
}
.titre_section_accueil {
	font-family:'Optima','Verdana';
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 5px;
	color: #4d4f4d;
	padding-left: 5px;
}
.contenu_section_accueil {
	font-family:'Optima','Verdana';
	font-size:16px;
	padding-left:10px;
}
.contenu_section_accueil2 {
        font-family:'Optima','Verdana';
        font-size:16px;
}
.titre_page {
        font-family:'Optima','Verdana';
        font-size: 26px;
        font-weight: bolder;
        padding-bottom: 10px;
        padding-top: 10px;
	background: linear-gradient(to right,#c0e1f3, #FFFFFF);
        border-radius: 10px;
	padding-left: 10px;
}
.titre_infocoach {
        font-family:'Optima','Verdana';
        font-size: 20px;
        font-weight: bolder;
        padding-bottom: 10px;
        padding-top: 10px;
        background: linear-gradient(to right,#c0e1f3, #FFFFFF);
        border-radius: 10px;
        padding-left: 10px;


}
.titre_site {
        font-family:'Arial';
        font-size: 18px;
        font-weight: bolder;
	padding-left: 5px;
}
.titre_compte {
        font-family:'Arial';
        font-size:14px;
}
.titre_header {
        font-family:'Arial';
        font-size: 20px;
        font-weight: bolder;
        border-radius: 10px;
        border: 1px solid;
}
.ui-menu-item-wrapper {
        background: none !important;
        background-color: #f7eccb !important;
        border: none !important;
        font-family:Arial !important;
        font-size:14px !important;
        color: #4d4f4d !important;
        width: 250px !important;

}

ui-menu-item-wrapper:hover {
 #color: #4d4f4d !important;;
}

.parent-div {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.parent-div input[type=file] {
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  font-size: 12px;
}
.btn-upload {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  padding: 5px 5px;
  font-size: 12px;
}