body {
  background: #2d2d2d;
  color: #cc4a00;
}


header {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flexStatistique{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}


.flexStatistique > div {

  margin-top: 5px;

}

.part_defaut {
  background-color: #ff8d0066;
 
}

div.part_defaut{
  padding: 5px 15px;
  border:solid 1px #fbbf16;
  border-radius: 10px;
}

header>p>a>img{
  height: 170px;
  border-radius: 7px;
}

.image_accueil > img {
  margin-left: 10%;
  border-radius: 10px;
  width: 75%;
  max-width: 1000px;
  height: auto;

  box-shadow: 5px 5px 5px #aaaaaa;
}


.flexible {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.cliqueLa {
  width: 98%;
  max-width: 550px;
}

#vide_header{
  width: 200px;
}

#formRecherche {
  color: yellow;
  width: 400px;
}

#formRecherche > fieldset {
  background-color: #cf3d28; 
  font-size: 1.1rem;

}

#form_login .avatar {
    margin-left: 10%;
    height: 76px;
    width: auto;
}

.avatar {
  width: 65px;
  border-radius: 4px;

}

a.facebook {
  text-decoration: none;
 
}

a.facebook>button {
  border:solid 1px #ffff0080;
  border-radius: 3px;
  background-color: #28647799;
  color: #769ce8;
}

a.facebook>button:hover {
  background-color: #769ce8;
  color: #28647799;
}

.concert_concerne:hover{
  background-color: #b3f651;
  /*color: #ff0; */

}

button.savoir_plus:hover{
  background-color:#f19a5e;
}
input.savoir_plus:hover{
  background-color:#f19a5e;
}

button:hover{
  cursor: pointer;  
}

.avatar_modif { 

  border-radius: 10px;
  width: 200px;
  height: auto;

}

.avatar_petit { 

  border-radius: 4px;
  width: 45px;
  height: auto;

}

.miniDocConcert {
  border-radius: 4px;
  width: 200px;
  height: auto;
}


h1, h2, h3, h4, h5, h6 , p {
    font-family: 'Open Sans',Arial,sans-serif;
}

h1 {
  font-size: 2.9rem;
  color: yellow;
  text-align: center;
  /*width: 50%;*/
}

.mini {
  font-size: 0.6rem;
}

.explicationsBBVL {
  margin: 4px 8% 15px;
  padding : 5px;
  border: 2px solid;
  border-radius: 5px;
  text-align: center;
  background-color: #0e07071a;
  max-width: 680px;
  min-width: 300px;
}

.explications {
  margin: 4px 8% 15px;
  padding : 5px;
  border: 2px solid;
  border-radius: 5px;
  text-align: center;
  background-color: #0e07071a;
  max-width: 980px;
  min-width: 500px;
}
.actions {
  margin: 6px 18%;
  padding: 5px;
  border: 2px solid yellow;
  border-radius: 5px;
  text-align: center;
  background-color: #fbbf16;

}

a.actions{
   text-decoration:none;
}


.actions_form {
  /* margin: 4px 30% 15px; */
  padding: 5px;
  border: 2px solid yellow;
  border-radius: 5px;
  text-align: center;
  background-color: #fbbf16;
}

.partitions{
  color: #b3f651;
}
.partitions >td {
border-color: #2f4f4f;
}

.delai_depasse{
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 8px;
  color: #f3ff00;
  background-color: #b12b0f;
}

.delai_ok{
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 8px;
  color: blue;
  background-color: #01ff01;;
}

form {
  display: inline-block;
  width: 200px;
  border: 3px solid;
  border-radius: 4px;
  margin: 10px 13px 17px;
  padding: 10px;
  color: black;
 
}

form >span {
  display: flex;
  padding: 5px;
}

.membre_bureau {
  background-image: linear-gradient(-45deg, #04030000 95% , #fbed00  5%);
}

.administre_partos {
  background-image: linear-gradient(-45deg, #04030000 95% ,#59fb00cc 5%);
}


#section_de_formulaire{
  margin-left: 15%;
  display: flex;
  flex-direction: column-reverse;
}
#section_de_formulaire_concert{
  margin-left: 10%;
}


form#form_modif_musicien ,form#form_LeConcert {
  width: 500px;
  color: yellow;
  background-color: #474731;
}

form.ajout_docConcert {
  width: 300px;
  color: #FDE9E0;
  background-color: #474731;
}


form#form_modif_musicien >input {
  width: 300px;
}

form.form_modif_instru , form.form_lieuDepartement{
  width: 400px;
  color: Turquoise;
  background-color: #21323d;
}

form.form_ajout_instru {
  width: 400px;
  color: #6c1b05;;
  background-color: #40e0d0;
  border-radius: 10px;
}

section.affiche_instrument  {
  margin: 10px 0 10px;
  padding : 10px;
  border: solid Turquoise;
  border-radius: 5px;
  width: 400px;
  color: Turquoise;
  
}

form.form_modif_instru >input {
  width: 300px;
}


form#form_modif_administrateur {
  width: 530px;
  color: orange;
 
}

form#form_modif_administrateur >input {
  width: 300px;
}


form#form_ajout_musicien {
  width: 470px;
  color: orange;
}

form#form_ajout_musicien >input {
  width: 300px;  
 
}

#form_modif_administrateur > table {
  color: blue;
}

#formLog_et_mdp {
  width: 450px;
  color: red;
  background-color: DarkSlateGrey;
 
}

#formScribe,  .presenteToche, .partConcert, .concerts{
  width: 650px;
  color: #b3f651;
  background-color: DarkSlateGrey;
 
}


#ajoutMorceauConcert.partConcert {
  background-color: #526f8c;
} 


.presenteToche, .concerts {
border: 3px solid;
border-radius: 4px;
margin: 10px 13px 17px;
padding: 10px;
margin-left: 8%;}


#zoneFormulaire {
  display: flex;
}

#formPartition, #formAjoutPartition, #formAjoutConcert {
  color: yellow;
  width: 380px;

}

#boutonCocher {
  display: flex;
  align-items: end;
  margin-bottom: 6px;
}

#alto {
  height: 80px;
}


#form_non_login {
  border-color: yellow;
  background-color: #cf4e2a;
}

#form_login {
  border-color: #cf4e2a;
  background-color: yellow;
}

#form_non_login>a {
  padding: 4px;
  background-color: #2d2d2d4d;
  text-decoration: none;
  color: yellow;
  border-style: solid;
  border-color: #c42e01;
  border-radius: 6px;
}

.tableMembre button:hover {
  color: yellow;
  background-color: #d7bbcc99;
}

.bouton{
  width: 310px;
  text-decoration: none;
  background-color: black;
  border-radius: 4px;
  padding: 3px;

}

.bouton:hover{
  background-color: #4d4848;
}

.bouton>a{
  color: yellow;
  width: 300px;
  text-decoration: none;

}
.taille_sweat {
  width: 200px;

}
.taille_sweat:hover {
  width: 800px;
  
}

label, input {
  display: block;
}

label {
  margin-top: 8px;
}

#OK_membre {

}

table {
  border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

#tablQuiFaitQoi  >tbody >tr>th {
  background-color:  #d7b675;
}

#tablQuiFaitQoi > thead >tr>th{
  padding: 20px;
}

button {
  font-weight:bold;
}

button.non_enregistre {
  background-color: #bca078;
}

button.provisoire {
  background-color: violet;
}

button.enregistre {
  background-color: #f19a5e;
}
button.enregistreBBVL{
  background-color: #f19a5e;
  min-width: 100px;
}


button.navigue, a.navigue {
  background-color: #cc4a00;
  text-decoration: none;
}
td.gars {
  background-color: #184c62b3;
}

td.fille {
  background-color: #cf5368;
}



th, td {
  padding: 2px;
  border: 1px solid black;
}

th >input {
  display: inline;
}

th {
  background-color: #fd8939;
}

tr.joueEnCeMoment {
  background-color: #ffa50033;
  color:#fd8939;
}


.qui , .toche, .auteurs {
  display: flex;/* inline-flex;*/
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px, 6px, 1px, 4px;
}
.auteurs > .imgAuteurs {
  width: 12%;
}
div#DocConcert {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 75%;
}

.imgAuteurs > img{
  width: 80%;
  border-radius: 5px;
  box-shadow: -2px 3px 0px #aaa;
}

.auteurs > .biographie {
  width: 20%;
}

.auteurs > .quoiDautre {
  width: 65%;
}



.qui >img {
  width: 100px;
  margin-right: 4px;
  box-shadow: -2px 3px 0px #aaa;
}


.qui > .biographie {
  padding-left: 10px;
  width: 221px;
}

.qui > .quoiDautre , .concertDansPartDetail {
  border-left: solid 1px;
  margin-left: 4px;
  padding-left: 21px;
  border-color: #c5c5c5;
  font-size: smaller;
  width: 287px;
  
}
.quoiDautre button {
  font-size: smaller;
}


.toche > h3{
  border:solid;
  border-style: ridge;
  border-color:  orange;
  border-radius: 5px;
  padding: 5px;
}

.detail_toche {
  margin-right: 15px;
}

.qui > p{
  margin-left: 5px;
}

footer, footer > p > a {
  color: #FFFFFF;
  background-color: #CF4E2A;
  font-size: 0.9rem;
  padding: 7px;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 30px;
  text-decoration: none;
  margin: 10px;
  margin-top: 20%;
}

footer button {
  background-color: #fe791a;
}


.lieu_captation {
  color:#ffff00;
}

.lieu_captation_remarque {
  color:#fbbf16;
  margin-left: 25px;
}

.decalle {
  margin-left: 33px;
  font-family: 'Open Sans',Arial,sans-serif;
}

.supp_mp3{
  margin-left: 75%;
  background-color: #fc5704;
}

.concertLie{
  background-color: yellow ;
  width: 54px;
}

.concertLieEnregistre{
  background-color:#fd8939;
  width: 54px;
}

.presenteToche, .partConcert {
  width: 750px;
}

.legende > button {
  display: block;
  width: 230px;
  height: 30px
}
label.nomToche {
  background-color:  #FCAF3E;
  color: #2f4f4f;
}

.diaporama > img {
  width: 620px;
}

.date_et_oeil {
  display: flex;
  justify-content: space-between;
  font-size: 1.2em;
}

.flex {
  display: flex;
  justify-content: space-between;

}

.date_et_oeil > div>  img {
  height: 40px;
}

#menu_flottant{

  position: fixed;
  right: 30px;
  top: 282px;
  width: 240px;
  z-index:1;

}


#banniere_titre{
  text-align: center;
  max-width: 450px;
}

.boucheTrou {
  width: 25%;
}


#form_dupliqueConcert {
  color: blueviolet;
  width: auto;
  background-color: burlywood;
}

.boutonPDF{
  margin-left: 61%;
}