@import "print.less";
@import "balsa.less";
@import "fonts.less";

@weights: 30, 45, 65, 90, 120, 158, 200, 260, 330, 410, 500, 600;

body {
    font-family: "UmePlumePGothic-200";
    font-size: 12.5pt;
    color:black;
}

a{
    text-decoration:none;
    color: inherit;
}

h1 {
    text-transform: uppercase;
    font-family: "UmePlumePGothic-90";
    text-align: center;
    margin-bottom:13px;
    line-height: 1em;
    font-size: 2.7em;
}

h2 {
    text-transform: uppercase;
    font-family: "UmePlumePGothic-120";
    font-size: 2em;
    text-align: center;
    margin-bottom:5px;
    line-height: 1.1em;
}
h1 + h2 {
    margin-top: 1em;
}
h5 {
    margin-top: 1em;
}

h3 {
    text-transform: uppercase;
    font-family: "UmePlumePGothic-200";
    font-size: 1.4em;
    text-align: center;
    margin-top:18px;
}
h4 {
text-align:center;

}
h5 {
text-align:center;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.2em;
letter-spacing: 0.1em;
margin-bottom: 0.8em;
}


.avoid-break{
    -webkit-region-break-before: avoid;
}
.force-break{
    -webkit-region-break-before: always;
}

article {
    -webkit-region-break-before: always;
}
.artiste{
    text-align:center;
    margin-top: 23px;
}
.relache{
    font-size:0.8em;
}
div.spectacle-infos {
    font-size: 1.1em;
    line-height: 1.1em;
    text-align: center;
    /*padding: 0em 1em 1em 1em;*/
    width: 114mm;
	
  /*  .dates, 
    .artiste,
    .type{
        font-family: "UmePlumePGothic-330";

    }*/
}

div.spectacle-infos-small {
    font-size: 1em;
    line-height: 1.1em;
    text-align: center;
    padding: 0.1em;
    margin:4px 0px;
}

div.notes {
    font-family: "UmePlumePGothic-260";
    -webkit-region-break-before: always;
    -webkit-region-break-after: always;
    font-size: 8.3pt;
    line-height: 1.1em;
}

div.notes p:first-child:first-letter {
    font-family: "UmePlumePGothic-200";
    font-size: 8.3pt;
    line-height: 1.1em;
}
.avant-bible{
    padding-top: 5px;
    text-align:center;
    border-top:1px solid black;
    line-height:0em;

}
.bible {
    font-size: 9.5pt;
    margin-top:10px;
    display: inline; 
    text-align:center;
    border-top:0px solid black;
    line-height: 1.2em;
}
.production{
    font-size: 9.5pt;
    font-family: "UmePlumePMincho-200";
    text-align:center;
    border-bottom:1px solid black;
    border-top:0px solid black;
    line-height: 1.2em;
    padding-bottom: 5px;
}
li:before {
    content: "𝅝",
}

dt {
    text-transform: uppercase;
    font-size: 6.5pt;
    display: inline; 
    /*border-top:1px double black
    padding: 3px;*/
    padding-bottom:0px;
    font-family: "UmePlumePGothic-260";
    line-height: 1em;

}

dd {
    font-family: "UmePlumePMincho-200";
    display: inline; 
        line-height: 1em;

}


blockquote {
    padding: 0.1em 0em 0.1em 1em;
}
p + p {
    text-indent: 1em;
}

.chant {
    font-family: "UmePlumePMincho-200";
    line-height: 1.1em;
    padding: 1em;
    font-size:1em;

}
.chant2{
    h3{
    margin-top:0px;
    }
    .separateur2{
    margin: 4px;
    text-align: center;
    font-size:1.4em;
    }

}
.piece {
        font-size:1.1em;
	font-family: "UmePlumePMincho-200";
	letter-spacing: 0.03em;
    }
.piece-autre{
    font-size:0.9em;
    font-family: "UmePlumePGothic-200" ! important;
    letter-spacing: 0.04em;
}
figcaption{
    font-size:0.6em;
    font-family: "UmePlumePGothic-200" ! important;
    letter-spacing: 0.04em;
    text-align: center;
    padding-top: 9px;
}
 .sommaire { 
    font-family: "UmePlumePGothic-260" ! important;
    font-size: 8.3pt;
    line-height: 1.1em;
    text-align:center;
    
    div.spectacle-infos {
    font-size: 1.1em;
    line-height: 1.1em;
    text-align: center;
    padding: 0em 1em 0em 1em;
    width: 55mm;
}
    h3{
    border-bottom:1px solid @color;
    line-height: 1.1em;
    margin-top: 16px;
    margin-top:11px;
    font-size:1.3em;

    }
    .numero{
        font-family: "UmePlumePMincho-260" ! important;
        font-size: 1.1em ! important;

    }
          .date{
      margin-top: 2px ! important;
      padding-top: 0px;
      padding-bottom: 0px ! important;
      margin-bottom: 4px;
      }
    .separateur {
      font-size:1.8em;
      margin-bottom: 0.2em;
    }
    .piece {
        font-size:1.1em;
	font-family: "UmePlumePGothic-200";
	text-transform:uppercase;
	letter-spacing:0.001em;
    }
}

.edito{
  margin-bottom:10px;
}
.biblio{
font-size:0.7em;
    h5{
    margin-bottom:5px;
    margin-top:1.2em;
    }
    .liste{
    text-align:left;
    }
    .separateur{
      margin-top:0px;
      margin-bottom:1px;


    }
}
.chant-typo(@weight) {
    * {
        font-family: %("UmePlumePGothic-%s", @weight);
    }
    
    dt,
    .notes,
    .spectacle-infos,
    .texte p,
    .chant.chant-titre {
	font-family: %("UmePlumePGothic-%s", @weight);
    }
    
    &.edito p,
    .production,
    dd,
    h1,
    h2,
    h3,
    &.chant p,
    .piece {
        font-family: %("UmePlumePMincho-%s", @weight);
    }

}



.chant h1 + p:first-letter {
    font-family: "UmePlumePMincho-65";
    float:left; 
    padding: 23px 12px 25px 2px;
    font-size: 80px;
}

.spectacle-texte {
    font-size: 10pt;
    line-height: 1.2em;
    margin-bottom:10px;

}



/* ---------------- INFOS PRATIQUES ------------------*/
article#infos-pratiques {

    font-size: 9.5pt;
    line-height: 1.2em;
    margin-bottom:7px;
h3 {
    text-transform: uppercase;
    font-size: 1.4em;
    text-align: center;
    margin-top:10px;
}

    .pratique1 {
        text-align:center;
        border-bottom: 1px solid @color;
        vertical-align: middle;
        font-family: 'UmePlumePGothic-200';
	margin:10px 0px 3px 0px;
	font-size:1.2em;
	text-transform:uppercase;
	
    }
    	  .pratique11 {
	  font-size: 9pt;
	  margin-top:5px;
	  font-family: 'UmePlumePGothic-260';
	  text-align:center;
	  border-bottom: 1px solid @color;
	  vertical-align: middle;
	  margin:16px 0px 3px 0px;
	  text-transform:uppercase;
	
	  }
    .pratique2 {
/*         outline: 2px solid black; */
        border-bottom: 1px solid @color;
        padding: 2px 4px;
        vertical-align: middle;
	line-height:1.15em;
    }
    .pratique3 {
        font-size:10pt;
	margin-top:5px;

    }
    .after-show{
    /*border-bottom:1px solid black;*/
    text-align:center;
    }
    .separateur{
    margin: -3px;
    text-align: center;
    font-size:1.4em;
    }
        .separateur2{
    margin-top: 12px;
    text-align: center;
    font-size:1.4em;
    }
        .resa{
    /*border-bottom:1px solid black;*/
    }
}


ul#quizz-bleu {
    text-align: center;
    padding: 1em;

    li {
        font-size: 8.3pt;
        display: inline-block;
        /*outline: 1px solid @color;*/
        padding: 0.5em;
        margin: 0.5em;

        &:before {
            content: "• ";

        }

        &.proverbe {
            outline: 1px solid @color;
            &:before {
                content: "";
            }
        }
    }
}
dl.quizz-proust {
    width: 150px *4;

    dt {
        border: none;
        float: left;
    }

    dd {
        padding: 0.5em;
        margin: 0.5em;
        width: 150px *4;
        display: block;
    }
}

.titre-courant {
    font-family: UmePlumePMincho-200;
    font-size: 8.3pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    
}


.legendes{
    font-family: "UmePlumePMincho-200";
    text-align: center;
    font-size: 1.2em;

}
.madeleines{
    border-bottom: 1px solid @color;
    margin:20px 0px 3px 0px;
    
    .partie{
    margin-bottom:2px;
    text-transform:uppercase;
    padding: 0; 
    width: 100%;
    font-size:0.7em;
    font-family: 'UmePlumePGothic-200';
    border-bottom: 0px solid @color;


    }
    .dates{
    margin:5px 0px;
    padding: 0; width: 100%;
    font-family: 'UmePlumePGothic-200';
    border-top: 1px solid @color;
    }
    .liste{
    margin-top:8px;
    border-bottom: 0px solid @color;
    }
    .separateur{
    margin: -6px 0px -3px 0px;
    text-align: center;
    font-size:1.4em;
    }
      .avant-bible{
    padding-top: 3px;
    text-align:center;
    border-top:1px solid black;
    line-height:0em; 
    }
    
    .production{
    font-size: 9.5pt;
    font-family: "UmePlumePMincho-200";
    text-align:center;
    border-bottom:1px solid black;
    border-top:0px solid black;
    line-height: 1.2em;
    padding-bottom: 3px;
    }
    .spectacle-texte {
    font-size: 10pt;
    line-height: 1.2em;
    margin-bottom:6px;
    }
}
.making-of{
  font-size: 10pt;
    line-height: 1.2em;

}