@font-face {
  font-family: "Tsukurimashou-AnbirutekiPS";
  src: url("../static/fonts/TsukurimashouMaruBoldPS.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Tsukurimashou-AnbirutekiPS";
  src: url("../static/fonts/TsukurimashouMaruBoldItalicPS.otf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Tsukurimashou Maru";
  src: url("../static/fonts/TsukurimashouMaru.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Tsukurimashou Maru";
  src: url("../static/fonts/TsukurimashouMaruItalic.otf");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Tsukurimashou Mincho";
  src: url("../static/fonts/TsukurimashouMinchoPS.otf");
  font-weight: normal;
  font-style: normal;
}

@font: Tsukurimashou-AnbirutekiPS;
@fontAlt: Tsukurimashou Maru ;

@font-fat: Tsukurimashou-AnbirutekiPS;
@font-narrow: Tsukurimashou Maru;
@font-serif: Tsukurimashou Mincho;
@font-size: 27px;
@line-height: 28px;

@background-color: #A8E8D7;
//@background-color: rgba(66, 145, 126, 0.75);
@color: #42917E;
//@contrast-color: #CEA380;
@contrast-color: #0000FF;

//@color-beige-cuivre: #CEA380;
@color-beige-cuivre: #0000FF;
@color-corail: #A8E8D7;
//@color-corail: #E0AD6E;
//@color-corail-clair: #b8860b;
@color-corail-clair: #B76C42;


@color-vert: #42917E;

/* BLOCKS -------------------------------------  */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga", "dlig", "clig", "kern";
  -webkit-font-feature-settings: "liga", "dlig", "clig", "kern";
  -moz-font-feature-settings: "liga", "dlig", "clig", "kern";
  -o-font-feature-settings: "liga", "dlig", "clig", "kern";
}
body {
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: black;
  font-family: @font-fat;
  font-size: @font-size;
  line-height: @line-height;
  padding: @line-height / 2;
}
/* Insertion du pad dans la page */
iframe#ether {
  outline: 1px solid #333;
  height: 700px !important;
  width: 100%;
  margin: auto;
}
/* Style des niveaux de titre */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: @font-size;
  font-weight: normal;
  font-family: @font-fat;
  text-align: center;
  margin: 0;
  margin-top: @line-height * 2;
  padding-top: @line-height;
  clear: both;
}
h1 {
  font-size: @font-size;
  line-height: @line-height;
  margin: @line-height 0;
  text-align: center;
  font-family: @font-fat;
}

#content h1 {
  font-size: @font-size * 3;
  line-height: 1em;
  margin: @line-height *5 0;
}

h2 {
  font-size: @font-size * 2;
  line-height: 1em;
  //text-transform: uppercase;
  text-align: center;
  font-family: @font-fat;
  font-weight: normal;
  padding-top: 0;
  margin-top: 0;
  
}
h2:nth-of-type(2) {
       font-family: @font-serif;
  color: red;
}
h2 + h3,
h2 + .undefined > h3 {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: @font-narrow;
  font-weight: normal;
  font-size: 10pt;
  padding-top: 0;
  text-align: left;
  margin-left: 65%;
}
h3 {
  text-transform: uppercase;
  margin-bottom: 15pt;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: @font-narrow;
  font-weight: normal;
  padding-top: 0;
  text-align: left;
  margin-left: 0%;
}


h4 {
  //text-decoration: underline;
  font-family: @font;
  text-align: center;
  //margin-left: 65%;
  padding-top: 0;
  margin-top: 22pt;
  font-size: 12pt;
  line-height: 14pt;
  margin-bottom: 17pt;
  text-transform: uppercase;
}
h5 {
  text-decoration: underline;
  font-family: @font;
  font-size: 12pt;
  line-height: 14pt;
  margin-bottom: 17pt;
  margin-top: 0pt;
}
a {
  font-family: @font-narrow;
  padding: 10pt 0pt;
}
a strong,
.listing a strong {
    font-weight: normal;
    color: @color-vert;
    }
a:hover strong,
.listing a:hover strong {
    font-weight: normal;
    color: @color-corail;
    }

a:hover {
        //background-color: @color-corail;
        border-radius: 1px;
        //box-shadow:
          //  0 0 0 35px @color-corail;
            //0 0 0 10px @color-beige-cuivre,
            //0 0 0 35px beige;
            //background: url(http://localhost:8000/mockup-motif1-corail.svg);
            background-size: 100%;
            color: @color-corail !important;
            text-decoration: none !important;
}
.include,
.undefined {
    width: 100%;
}
.include .middle {
   padding-top: 15px;
    cursor: s-resize;
    //border-top: 5px solid @color-corail;
    border-bottom: 2px solid @color-corail;

    //border-radius: 5px;
    background: -webkit-linear-gradient(180deg, @color-corail-clair -25%, @color-corail, white, white, white, white, white);
    background: -o-linear-gradient(180deg, @color-corail-clair -25%, @color-corail, white, white, white, white, white); 
    background: -moz-linear-gradient(180deg, @color-corail-clair -25%, @color-corail, white, white, white, white, white); 
    background: linear-gradient(180deg, @color-corail-clair -25%, @color-corail, white, white, white, white, white);
}


.include--hide .undefined {
    
    *  {
        display: none;
        transition: all 2s;
    }
    
    h3,
    figure:first-of-type,
    figure:first-of-type * {
        display: initial;
    }
    
    figure:first-of-type:after {
        content: "?";
        display: block;
        color: @color-corail-clair;
    }
    &:hover figure:first-of-type:after {
        color: @color-corail;
    }
}

footer {
  // font-style: italic;
  font-family: @font-narrow;
  // text-transform: uppercase;
    font-size: 15pt;
    line-height: 1.2em;
    margin-bottom: @line-height;
}
img {
  max-width: 257px;
  float: left;
  margin: @line-height /2;
  padding-left: @line-height /2;
  padding-right: @line-height /2;
  padding-bottom: @line-height /2;
  display: block;
}
img:first-child {
  //padding-left: 0;
}
img:last-child {
  padding-right: 0;
}
img.inline {
  display: inline;
  vertical-align: top;
  padding: 0;
  height: 1em;
}
.large {
  width: 100% !important;
  max-width: none !important;
  margin: auto !important;
  padding: 0 12.5%;
  max-height: 500px;
  object-fit: contain;
  display: inline-block;
}
img.portrait {
    max-height: 450px;
}

.thumbnail {
  max-width: 30%;
}

figure {
     text-align: center; 
     display: inline-block;
     vertical-align: top;
}
figure img {
     margin: auto; 
     float: none; 
     transition: all 1s ease;
     //transform-origin: top right;
     
     &:not(.large):hover {
         transform: scale(2);
     }

}
figure:nth-child(odd) + figure img {
    padding-right: 0;
    padding-left: 14px;
}

.gallery {
  max-width: none !important;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: @line-height;


  figcaption {
      max-width: 315px;
  }

}
.gallery img {
  //width: 30%;
  margin: 0;
  padding: 0;
  padding-bottom: @line-height;
  max-width: 100%;
}
.gallery figure {
  /*height: 3.35cm;*/
  margin-bottom: @line-height * 2;
  max-width: 50%;
}
.gallery figure img {
  max-width: 100%;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  float: none;
  margin: auto;
}
blockquote {
  font-family: @font-serif;
  font-size: 23px;
  margin: @line-height 0;
  padding-left: @line-height;
}

blockquote strong {
  font-family: @font;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: underline;
}
blockquote + blockquote {
  text-indent: @line-height;
}
blockquote > figcaption {
    margin-top: -6pt;
    text-align: left;
 margin-left: 28pt;

}

p {
  margin-bottom: @line-height;
  clear: both;
  text-indent: 0pt;
}
p:first-of-type {
      //margin-top: @line-height;

}

hr {
  border: 0;
  height: 0;
  margin: 0;
  clear: both;
}
hr + hr {
  display: block;
  border-bottom: 1px solid black;
}
code,
pre {
  font-family: Monospace;
  white-space: pre-wrap;
  font-weight: bold;
}
pre {
  outline: 1px solid #b8860b;
  padding: @line-height;
  width: 100%;
}
/* Style des légendes d'images */
figcaption {
  font-family: @font-narrow;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  //margin-bottom: @line-height;
  //max-width: 315px;
  padding: 14px;
  display: inline-block !important;
  width: 100%;
}
/* Style des frames de vidéo ou autres objets hors image */
figure iframe {
  max-width: 70%;
  margin: 0 auto;
  display: block;
}
audio,
video {
  display: block;
  clear: both;
  margin: auto;
  margin-bottom: @line-height * 2;
}
/* Style des notes de bas de pages */
.footnote {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: @line-height * 2;
}
.footnote ol {
  list-style-position: outside;
  margin: 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 17px;
  -moz-column-gap: 17px;
  column-gap: 17px;
}
.footnote ol li + li {
  margin-top: 17px;
}
.footnote p {
  margin-bottom: 0;
}


/* INLINES ------------------------------------- */
/* Style des liens hypertextes */
a,
a:visited {
  text-decoration: none;
  color: @color;
}
/* Style du texte en roll-over sur les liens */
a:hover {
  text-decoration: underline;
  color: @contrast-color;
}
/* Style quand on arrive à une ancre */
.target {
  background-color: yellow;
}
/* Style de l'italique */
em {
  font-style: italic;
}
em em {
    font-style: normal;
}
/* Style du bold */
strong {
  /*font-weight: bold;*/
  font-family: Tsukurimashou Maru;
}
/* Style des exposants */
sup {
  font-size: 0.65em;
  line-height: 0;
  vertical-align: 0.5em;
  text-decoration: none;
  margin-left: 1px;
  font-weight: bold;
}
sup a {
  font-family: @font-narrow;
  font-size: 0.65em;
}
/* Style du texte souligné */
u {
  text-decoration: none;
  border-bottom: 2px solid yellow;
}
dl {
  margin: 0px 0;
}
dt {
  display: inline;
  font-family: @font-narrow;
  text-indent: 0;
  margin-right: 0;
  font-size: 10pt;
  text-transform: uppercase;
  margin-top: 3pt;
}
dt strong {
  text-decoration: underline;
}
dd + dt:before,
.metadata dt:before {
  content: " ";
  display: block;
  height: 4.375px;
}
dt:after {
  content: " ";
}
dd {
  display: block;
  margin: 0;
  text-indent: -8pt;
  margin-left: 8pt;
  line-height: 15pt;
  }
dd + dd {
  //padding-left: 46px;
    margin-top: 3pt;
}
dd a {
  font-family: @font;
  font-size: 14pt;
}
dd:after {
  //content: '\0A';
  //white-space: pre;
}
.metadata dd:after {
  content: '';
  white-space: pre;
}
.metadata dd:before {
  //content: "– ";
  margin-left: 0px;
}
.metadata dt + dd:before {
  //content: "";
  margin-left: 0;
  
}
.metadata dd {
  padding-left: 0;
}
hr + dl {
  margin-top: -@line-height;
}
dl + p {
  margin-top: @line-height;
}
.comment:before {
  background-color: yellow !important;
  border-radius: 1em;
  display: inline;
  height: 1em;
  margin: 0 0.5em;
  padding-left: 7px;
  padding-right: 9px;
  text-align: center;
  width: 1em;
  content: "!";
  font-family: @font-narrow;
}

/* FORMS -------------------------- */
form {
  margin-bottom: none;
}
form label,
form textarea {
  font-family: inherit;
  font-size: inherit;
}
form input,
form textarea {
  background: none;
  border-style: solid;
  border-color: black;
  font-family: @font-narrow;
  font-size: inherit;
}
/* Style de l'élément activé */
form input:focus,
form textarea:focus {
  background-color: white;
}
form input[type=text],
form input[type=password] {
  height: 1.5em;
  position: relative;
  top: -1px;
  width: 200px;
}
form input[type=submit] {
  cursor: pointer;
  padding: 0;
  height: 26px;
  border-style: none;
  border-color: none;
  text-decoration: none;
  color: @color;
}
form input[type=submit]:hover {
  background-color: #DD9700;
  text-decoration: none;
  color: black;
}

/* GENERIC CLASSES -------------------------------- */
.clearfix {
  overflow: auto;
}
/* Style des boutons */
.button {
  text-decoration: none;
  margin: 0 @line-height / 2;
}
/* Style des boutons en roll over */
.button:hover {
  background-color: none;
  outline: none;
}
/* Classe pour transformer des éléments blocs en éléments en ligne */
.inline {
  display: inline;
}
.adresse {
    font-family: @font-narrow; 
    //width:50%; 
    font-size: 12pt;
    line-height: 16pt;  
    text-indent: 0pt;
    //padding-left: @line-height * 4;
    margin-top: @line-height;
}
.adresse > em {
    //text-decoration: underline;
    font-style: normal;
    font-family: @font-fat; 

}
/* PAGE STRUCTURE --------------------------------- */
/* Style des containers */
.wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    position: absolute;
    top: 150px;
    left: 40%;
    width: 60%;
    transition: all 2s;
}

.wrap:before,
.wrap:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.wrap:after {
  clear: both;
}
/* Style des sous-parties de containers */
.left-side,
.middle,
.right-side {
  float: left;
  position: relative;
}
.left-side,
.right-side {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: @line-height * 2;
  display: none;
}
.middle {
  max-width: 35em;
  padding: @line-height @line-height *2;
  background-color: rgba(255, 255, 255, 0.8);
}
.write-mode .middle {
  width: 100%;
}
/* Pour les inclusions de pads dans les compilations */
#content .middle {
  width: 100%;
}

#content {
    position: relative;
    width: 100%;
}

.r-mode .wrap.content--hide {
    left: 112%;
}

/* NAV ------------------------------------------ */
#logo {
  font-family: @font-narrow;
}
/* Navigation */
nav {
      font-family: @font-narrow;
      position: fixed;
    top: 0;
  padding: 10pt 28pt;
  z-index: 1000;
  background-color: white;
  
  h1 {
        font-family: @font-narrow;
        margin: 0pt 28pt;
  }
  
    a {
        font-family: inherit;
    }
}

#menu {
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 2000;
        position: relative;
        font-family: @font-fat;
        display: inline;
        margin-left: 64pt;
        font-size: 13pt;
        text-align: center;

        li {
            display: inline;
            padding-right: 18pt;

            a {
                text-decoration: none;
            }
        }
}
#menu-alt {
  font-size: 13px;
  margin-top: 5pt;
  text-align: center;   
  text-transform: uppercase;
        li {
            display: inline;
            padding-right: 9pt;
            letter-spacing: 0.5px;
        }
}

nav#nav-left {
  left: 0;
  width: 100%;
  //background: url(http://localhost:8000/cartesheader3.svg) white;

}
nav#nav-right {
  right: 0;
  text-align: left;
  font-size: 13px;
  margin-top: 14pt;
  width: 10%;
  display: block;
  }
nav div#staff-menu {
  //display: inline;
  color: @contrast-color;
  font-size: 13px;
  text-align: center;
}
nav h1 {
  display: inline-block;
}
nav span:before {
  content: " — ";
}
nav div#sort-by {
  display: inline;
  color: darkgray;
}

.logged-out #nav-right {
    display: none;
}

/* Texte précédent/suivant */
div#previous a,
div#next a {
  position: fixed;
  top: 6.5em;
  font-family: @font-narrow;
  font-size: 13px;
  line-height: 17px;
  padding: 23px;
  z-index: 6666;
}
div#previous a span,
div#next a span {
  display: none;
  background-color: white;
  padding: 1px 2px;
}
div#previous a:hover span,
div#next a:hover span {
  display: block;
  color: #DD9700;
}
div#next {
  text-align: right;
  padding-right: 0;
}
div#next a {
  right: 0;
}
/* MAIN CONTENT ---------------------------------- */
header {
  margin-top: @line-height;
  font-size: 42.5px;
  line-height: 1.2em;
  text-align: center;
}
header p,
header h2 {
  font-family: inherit;
  margin-bottom: 0;
  line-height: inherit;
  text-align: center;
  display: inline;
}
header h2 {
  font-size: inherit;
  font-family: @font-fat;
  text-transform: none;
  line-height: 1em;
  font-style: italic;
}
header p.authors:after {
  content: ", ";
}
#content ul li:before {
 //content: "– ";
    content: "\3007       ";
  font-size: 9pt;
  margin-left: @line-height * 2;
}
#content ul li.listing-sans:before {
  content: "";
  margin-left: @line-height !important;
}


ul ul{
  margin-left: @line-height * 2;
}
ol {
  list-style-type: decimal;
  margin-left: @line-height * 2;
}
ol li {
  text-indent: 0;
}
.footnote ol li {
  margin-bottom: 0em;
}

dl.meta {
  font-family: @font-fat;
  font-size: 12pt;
  line-height: 16pt;  
}
div.metadata {
  font-family: @font;
  font-size: 12.5pt;
  line-height: 10pt;  
  position: absolute;
  top: 12em;
  left: -38%;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.8);
  padding-left: 8px;
    border-radius: 5px;
  //border-top: 5px solid @color-corail;
  padding-right: 8pt;
}

.birth:before {
    content: "*";
    vertical-align: 2px;
}
.birth {
    font-size: 0.65em;
    line-height: 0;
    vertical-align: 0.3em;

}
.school--year:before {
    content: ", ";
}
.school:before {
    content: ", ";
}


blockquote.adresse {
      font-family: @font-narrow;
  font-size: 12pt;
  line-height: 16pt;  
  position: absolute;
  top: 190px;
  left: -25em;
  width: 13em;
  background-color: rgba(255, 255, 255, 0.8);
  padding-left: 8px;
  border-left: solid 1px black;
  border-right: solid 1px black;
  padding-right: 8pt;
}
div#go-up {
  clear: both;
  padding-top: @line-height * 2;
  display: none;
}
div#go-up a {
  border-bottom: none;
}
div#go-up a:hover {
  color: @color;
}
/* AUTHORSHIP ----------------------------- */
.authors {
  display: inline;
  font-size: 12pt;
}
footer p.authors:before {
  content: "— ";
}
footer p.authors {
  padding-left: 18pt;
}
/* Hides Etherpad background colours */
#content span {
  background-color: inherit !important;
}
/* ------ PRINT/SCREEN ------ */
@media screen {
  .print-only {
    display: none;
  }
}
/* User Interface */
.popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999999999;
  background: rgba(0, 0, 0, 0.6667);
  text-align: center;
}
.popup-wrapper.hidden {
  display: none;
}
.popup-wrapper:before {
  position: relative;
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.popup {
  display: inline-block;
  vertical-align: middle;
  background-color: white;
  padding: 30px;
}


@media print {
    .screen-only {
        display: none !important;
    }
    #nav-left { position: absolute;  }
    
    div.metadata { position: static; width: auto;}
}

@page {
    margin: 1cm;
}



/* SPECIFIC STYLES */
    @keyframes background {
        0%   {background-color: white;}
        50%  {background-color: @background-color; }
        100%  {background-color: white;}
    }

    @keyframes scale {
        0%   {transform: scale(1);}
        50%  {transform: scale(0.99); }
        100%  {transform: scale(1);}
    }

#container {
    display: flex;
}

#graph {
    position: absolute;
    top: @line-height * 4;
    left: 0;
    width: 100%;
    //height: 100%;
    z-index: -1000;
    cursor: e-resize;
    transition: all 1s;
    background-color: rgba(235, 245, 225, 0.65);
    //animation-name: background;
    //animation-duration: 20s;
    //animation-iteration-count: infinite;

    &.graph--show {
        cursor: w-resize;
        background-color:  @background-color;
    }

    &:not(.graph--show):hover {
        background-color: tint(@background-color, 50%); 
    }

        &.fixed {  
            position: fixed !important;   
            bottom: 0px;  
            top: initial !important;
       }

       .node:hover {
           cursor: pointer;
        }

        .node polygon,
        .node ellipse,
        .node path {
            fill: rgba(255, 255, 255, 0.95);
            stroke: @color;
        }
        .node text {
            fill: @color;
        }
           /* STYLES DES NŒUDS FILTRÉS */
            .node--show {
                transition: all 1.5s;
                fill: @color-corail-clair !important;
                stroke: @color !important;
            
                & + text,
                & + text + text,
                & + text + text + text {
                    fill: white !important;
                }
            }
    }
#graph svg { 
        width: 100%;
        height: 100%;
        //height: inherit;

        .edge path {
            stroke: white;
            stroke-width: 2px;
        }
        .edge polyline {
            stroke: @color;
        }

        a:hover {
            text-decoration: none;
        }

        a:hover polygon,
        a:hover path,
        a:hover ellipse {
            //fill:  @color-corail-clair;
            fill:  @background-color !important;
            stroke: white !important;
            stroke-width: 18px !important;
        }

        a:hover text {
            fill:  @color !important;
        }

        /* STYLES DES NŒUDS LIÉS*/
        .connections path {
            stroke: @color-corail-clair;
            stroke-width: 5px;
        }

        .related {
            polygon, ellipse {
                fill: white;
                stroke: @color-corail-clair;
                stroke-width: 5px;
            }

            text {
                fill: @color-corail-clair;
            }
        }

} /* END GRAPH*/

/* MAIN GRAPH */

 body.pad-graphemd .middle {
        display: none;
}

body.pad-graphemd,
body.pad-a-proposmd,
body.pad-accueilmd,
body.pad-remerciementsmd,
body.pad-mentions-legalesmd {
    
    #graph svg #ECART polygon {
        fill: white;
        stroke: #b76c42;
        stroke-width: 5px;
    }
    #graph svg #ECART text {
        fill: #b76c42;
    }
}


.listing {
  font-family: @font;
  font-size: 15pt;
  text-align: left;
  display: block;
  float: left;
  width: 50%;
  text-indent: -3em;
  line-height: 1.15em;
  padding-left: @line-height;
  margin-bottom: @line-height / 2;
}
li.listing-sans{
  list-style-type: hiragana;
}
.listing > a {
  font-family: @font-narrow;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12pt;
  line-height: 18pt;
}

ul + p {
  padding-top: @line-height;
}

.subtitle a {
    padding: 0;
}

.subtitle a:after {
    content: ", ";
}
.subtitle a:last-child{
    margin-bottom: 15pt;
}
.subtitle a:nth-last-child(2):after,
.subtitle a:last-child:after {
    content: "";
}
.subtitle a:last-child:before {
    content: " &\0000a0";
}
.subtitle a:only-child:before {
    content: "";
}
.subtitle .artist {
    text-transform: initial;
    line-height: 15pt;
    display: block;
}
.subtitle a {
  font-family: @font;
  font-size: 14pt;
  line-height: 14.5pt;
  }
.subtitle {
//  text-transform: capitalize;
  margin-bottom: 18pt;
}
.participant h2:first-child {
  font-size: 14pt;
  text-align: left;
}
.participant h2:first-child +h3:first-child {
    border-bottom: 1px solid black;
}
.participant h3.subtitle {
}

.participant h3:first-child {
   font-size: 10pt;
   line-height: 15pt;
}
div.participant {
   padding: 8px;
   margin-top: 20pt;
   background-image: url(http://localhost:8000/mockup-motif1-corail.svg);  
   .metadata {
       width: 40%;
       left: -61%;
    }
}
div .œuvre {
  //background-image: url(http://localhost:8000/cartesheader3.svg);    
}

.include .subtitle,
.include h3 .artist {
    margin-left: 52%;
}

h3.conference, 
h2.conference {
    padding-top:30pt !important;
    text-align: center;
    }

// TRANSLATION
#translate {
    text-transform: uppercase;
    font-size: 0.7em;
    position: absolute;
    top: 0;
    right: 0;
}
.en {
    display: none;
}

// HOMEPAGE

.pad-accueilmd .metadata div {
    display: block !important;
}

// LOGOS
#logos img {
    max-width: 27%;
    max-height: 80px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}