@import url(//fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200,700);

/* html { position: relative; min-height: 100%; padding: 1em; background-color:#bbb; background-repeat: no-repeat; background-image: url(../img/fond.jpg); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } */
/* body { position: relative; min-height: 100%; padding: 1em; background-color:#555; background-repeat: no-repeat; background-image: url(../img/fond.jpg); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } */
/* fonce : #5d1505 */
body { position: relative; min-height: 100%; padding: 1em; background-color:#fff; background-repeat: no-repeat; }
 
/* .bg-grass { background-color: #9b272d; } */
.bg-grass { background-image: url('../img/fbma-fond-haut.jpg'); }
.bg-menu { background-color: #ae6611; color: #fff; }
.bg-menu a:link { color: #fff; }
.bg-menu a:visited { color: #fff; }
.bg-menu a:hover { background-color: #7c4019; color: #fff; }
.bg-gris-clair { background-color: #ccc; }
.bg-first { background-color: #f5f2a8; }

.bg-list { list-style-image: url(../img/mediator-ttp.png); }
.scnd { font-size: 0.8em; }
.bandeau { margin: 0.5em auto; color: rgb(78, 154, 6); padding:0.2em 0; clear: both; }

/* font-family: 'Calistoga', cursive; */
/* font-family: 'Yanone Kaffeesatz','sans-serif'; */
h1 { font-size: 1.4em; font-family: 'Lexend Deca', sans-serif; margin: 0.5em 0; color:#c97716; }
h2 { font-size: 1.3em; font-family: 'Lexend Deca', sans-serif; margin: 0.4em 0; color:#c97716; }
h3 { font-size: 1.0em; font-family: 'Lexend Deca', sans-serif; margin: 0.3em 0 0.1em 0; color:#c97716; }
h4 { font-size: 0.9em; font-family: 'Lexend Deca', sans-serif; margin: 0.2em 0; color:#c97716; }

a:link { color:#900; }
a:visited { color:#900; }
a:hover { color:#661711; }
/* mardeaux : #661711 */
#membre-maj-form label {color: #aaa; }
.commentaires-un { border-bottom: thin #eee solid; margin-bottom: 1em; }

.alerte { text-align: center; background-color:#ff0; color:#900; }

.petit { font-size:0.7em; }
 
.titre-rubrique { width: 96%; text-align: left; background-color: #661711; color:#fff; border-radius: 1.5em; -webkit-border-radius: 1.5em; padding: 0.5em 1em; margin: 0.2em 0 1em 0.2em ; }

.titre-discret { text-align: right; font-size: 0.6em; color:#800; }

/* ------------------------- ACCUEIL --------------------------- */
.edito { font-size: 0.9em; overflow: hidden; }

.panneau { border-radius: 0.3em; border: thin #aaa dashed; padding: 0.3em 0.7em; text-align: justify; }
/* .panneau p { margin-bottom:0;}*/
.agenda-aujourdhui { border: thin #f5f2a8 dashed !important; }

.derniers-ajouts { width: 80%; margin:0 auto 3em auto; font-size: 0.7em; }
.actu_site { margin: 0 0 0 2em; }

.cadre { background-color: rgba(0, 180, 0, 0.6); margin: 1em; padding: 1em; color: #fff; border-radius: 0.5em; }
.cadre_accueil { background-color: rgba(230, 130, 0, 0.8); margin: 0; padding: 1em; color: #fff; }

.accueil-actu-titre { background-color: #661711; min-height: 3.7em; font-size: 0.9em; font-weight: bold; padding: 0.3em; border: thin #000 solid; border-radius: 0.2em; -webkit-border-radius: 0.2em; }
/* .accueil-actu-titre { background-color: #661711; min-height: 3.7em; font-size: 0.9em; font-weight: bold; padding: 0.3em; border: thin #000 solid; border-radius: 0.2em; -webkit-border-radius: 0.2em; } */
.accueil-actu-titre a:link{ color: #fff; }
.accueil-actu-titre a:visited{ color: #fff; }
.accueil-actu-titre a:hover{ color: #fff; text-decoration: none; }
.accueil-actu-chapeau { font-size: 0.9em; overflow: hidden; padding: 0; margin-top: 0.1em; }
.accueil-actu-image { overflow: hidden; margin-top: 0; border: thin #aaa solid; }
.autres-actualites { font-size: 0.8em; }
.mediatitre { float: left; width: 2em; height: 100%; }

.accueil-articles-chapeau { font-size: 0.9em; height:14em; overflow: hidden; padding: 0; margin-top: 0.1em; }

.actu-rubrique-titre { font-size: 0.9em; color: #888; }
.actu-titre { background-color:#eee; padding: 0.3em 0.5em; }
.actu_cadre { background-color: #fff; padding: 0.5em;  height: 100%; border: thin #ddd solid; border-top: none; border-bottom: none; }
.actu_notes { border: medium #5D1505 dashed; padding: 1em; margin: 1em auto; color:#777; background-color: #f9f7d8; }

.accueil-actu-premier { clear: both; overflow: hidden; margin: 0 auto 3em auto; border: thin #444 solid; }

.actu-chapeau { font-size: 0.9em; overflow: hidden; padding: 0; margin-top: 1em; }
.actu-chapeau a:link { color:#333; } 
.actu-chapeau a:visited { color:#333; }
.actu-chapeau a:hover { color:#333; text-decoration: underline; } 

.date { margin: 0; padding: 0; text-align: right; font-size: x-small; clear: both; }
.date-droite { text-align: right; color: #666; font-size: 0.8em; }
/* .legende { font-size: 0.8em; margin: -0.1em 0; color: #b00; padding: 0.1em; } */
.legende { background-color:#5d1505; font-size: 0.8em; margin: 0.1em 0; color: #fff; padding: 0.5em; min-height: 3em; }



/* .articles_cadre { background-color: #ede; padding: 0.2em 1em 0 1em; border: thin#ccc solid; border-radius: 0.5em; height: 100%; }
*/

.accueil_plus { background-color: #ddd; padding: 0.2em 1em; border: thin #ccc dashed; border-radius: 0.5em; height: 100%; }

/*.prochaines-jams { width: 80%; margin:0 auto 2em auto; background-color: #eee; border: thin #080 dashed; border-top: none; color: #000; padding: 0.5em; font-size: 0.8em; }*/
.jam-titre { background-color:#5d1505; color:#fff; border: thin #500 solid; }
.evenements-div {background-color: #bbb;}
.cadre-liste-evenements { max-height:18em; overflow: scroll; overflow-x: hidden; width: 80%; margin:0 auto 3em auto; background-color: #eee; padding: 0.5em; font-size: 0.8em; }
.cadre-liste-evenements ul { padding: 1.2em; } 

.accueil-cadre-articles { border: medium #009 solid; border-radius: 2em; margin: 1em 0.2em; padding: 1em; background-color: #eee; }
/* .articles_cadre { background-color: #fff; background-image: url('../img/articles-fond.jpg'); margin: 0 0 1em 0; padding: 0.2em 1em; border: thin#ccc solid; border-radius: 0.5em; height: 100%; }
 * 
 */
.articles_cadre { margin: 0 0 1em 0; padding: 0.2em; border: thin#eee solid; border-radius: 0.2em; font-size: 0.8em; height: 100%; }
.page_actu_date { margin: 0; padding: 0; text-align: right; font-size: small;}
.page_actu_texte { color: #111; text-align: justify; }
/* .page_actu_texte ul { border: thin #&&& solid;} */
.page_actu_chapeau { margin-bottom: 1em; text-align: justify; }
.supplements { clear: both; overflow: hidden; }
.fond { background-color: #5d1505; }

.compte-rendus { clear-both; overflow: hidden; margin: 1em 0; }
/*
 * background-image: url('../img/bluegrass-times-fond.jpg'); 
 */
.revue_cadre { background-color: #fff; padding: 0.2em 1em 1em 1em; border: thin#ccc solid; border-radius: 0.5em; height: 100%; }
 
.page_revue_date { margin: 0; padding: 0; text-align: right; font-size: small;}
.page_revue_texte { clear: both; overflow: hidden; color: #111; margin-bottom: 1em; padding: 0; }
.page_revue_chapeau { color: #888; margin: 1em 0; }
.revue-pdf { border-radius: 2em; -webkit-border-radius: 2em; padding: 0.5em; border: thin #aaa solid; margin: 0.5em; }

.cadre-liste-documents { max-height:16em; overflow: scroll; overflow-x: hidden; font-size: 0.8em; padding: 0.4em; }
.pdf-icone { float: left; margin-right: 0.3em; }

.cadre-liste-actualite { border: none; border-radius: 0.4em; max-height:16em; overflow: scroll; overflow-x: hidden; font-size: 0.8em; padding: 0.4em; }
.cadre-liste-actualite a:link, a:visited { text-decoration: none; }
.couture { border: thin #fff dashed; padding: 0.4em; border-radius: 0.6em; -webkit-border-radius: 0.6em; color: #fff; overflow: hidden; }

.cadre-liste-articles { border: thin #5d1505 dotted; border-radius: 0.4em; max-height:16em; overflow: scroll; overflow-x: hidden; font-size: 0.8em; padding: 0.4em; color: #333; }
.cadre-musique-hasard { border: thin #5d1505 dotted; border-radius: 0.4em; overflow: hidden; font-size: 0.8em; padding: 0.4em; color: #333; }
/* .cadre-liste-articles a:link { color: #fff; } 
.cadre-liste-articles a:visited { color: #fff; }
.cadre-liste-articles a:hover { color: #ffc; } */

.luthiers-liste { background-color: #eee; clear: both; font-size: 0.9em; color: #777; }

/* .musique_cadre { background-color: #fff; padding: 1em; border: thin#ccc solid; border-radius: 0.7em; text-align:justify; -webkit-box-shadow:inset 2px 2px 3px 3px rgba(64,64,64,0.6); box-shadow:inset 2px 2px 3px 3px rgba(192,192,192,0.5); }
 * 
 */
.musique_cadre { background-color: #fff; padding: 0; border: thin#ccc solid; border-bottom:none; border-left:none; border-top: none; text-align:justify; padding: 0 1em 0 0; }
.page_instrument_chapeau { color: #333; }
.page_instrument_texte { color: #333; padding: 1em; margin-top: 1em; }

.articles_notes { border: thin #ddd dashed; margin: 1em 0 1em 3em; padding: 1em; font-size: 0.8em; background-color: #eee;}
/*
.page_instrument_texte a:link { color: #900; }
.page_instrument_texte a:visited { color: #900; }
.page_instrument_texte a:hover { color: #661711; }
*
*/

.faq_question { color: #090; font-style: italic;}
.faq_reponse { color: #777;}

.image_colonne { background-color:#fff; padding: 0.8em; border: thin #ccc solid; margin: 0 1em 2em 1em; font-size: 0.8em; border-radius: 0.5em; -webkit-box-shadow: 2px 2px 2px 2px rgba(84,84,84,0.6); box-shadow: 2px 2px 2px 2px rgba(84,84,84,0.6); text-align: center; }
.page_instrument_a_decouvrir { background-color:#fff; margin: 0 2em; color: #555; padding: 1em; border-radius: 0.5em; }
.musique_liste { clear: both; overflow: hidden; text-align: left; font-size: 0.8em; }
.musique_liste_left { width: 40%; vertical-align: top; border: none;}
.musique_liste_right { width: 60%; vertical-align:middle ; border: none;}
.image_1 { max-height: 20em; overflow: hidden; }
.musique-hasard { background-color: #5d1505; color: #fff; padding: 0.3em; border-radius: 0.6em; font-size: 0.8em; text-align: left; -webkit-box-shadow: 2px 2px 2px 0 rgba(64,64,64,0.6); box-shadow: 2px 2px 2px 0 rgba(64,64,64,0.6); overflow: hidden; }
.musique-hasard a:link { color:#fff; }
.musique-hasard a:visited { color:#fff; }
.musique-hasard a:hover { color: #fff; }

.partition-texte { color: #111; padding-bottom: 0.5em; margin-bottom: 0.5em; border: thin #000 solid; overflow: hidden; }
.partition-chapeau { color: #aaa; border-left: thin #eee solid; padding-left: 1em; margin-left: 3em; }

.document_a_telecharger { clear: both; overflow: hidden; margin: 0; }

.inscription { background-color:#89b159; color:#fff; padding: 1em; text-align: center; }
.identification { background-color:#f39595; color:#fff; padding: 1em; text-align: center; }
.notes { font-size: 0.7em; color: #aaa; }

.newsletter-inscription { overflow: no; }


.cRetour {
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
/*  background:rgba(0, 0, 0, 0.25); */
  background:rgba(102, 23, 17, 0.55);
  z-index:99999;
  transition:all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 1em;
  right: 20px;
  display: none;
}
.cRetour:before{ content: "\25b2"; }
.cRetour:hover{
/*  background:rgba(0, 0, 0, 1);*/
  background:rgba(102, 23, 17, 1);
  transition:all ease-in 0.2s;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ddd; font-size: 0.8em;
/*  opacity: 1; */
}