@import url(ui/css/style.css);

/* elements */

  /* Use Helvetica by preference for most body text. Style hyperlinks with 
     color only. Use white-space:pre-wrap or equivalent for code blocks
     so text doesn't get cut off. */


#header {
	display: none;
	}
#buttonContainer{
	display: none;
	}
#topMenu {
	display: none;
	}

a,
a:visited, 
a:link, 
a:hover, 
a:focus,
a:active  {
    text-decoration: none;
   color:black
}
#wrap {
    margin:10px 10px 10px 10px;
}

#wrap:before {
    content: 'Dictionnaire des victimes du nazisme en Normandie';
    font-size:150%;
    font-weight: bold;
    text-align:center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom:5%;
	border-bottom: 1px solid #930;
	display:block;


}

img, .photo {
    max-width:150px;
}


.legende {
    font-size:50%;
}

div#blocIntro {/* contient photo, nom et prénom (= h1) et chapeau */
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: flex-start;
    gap:50px;
    margin-top:1em;
    margin-bottom:.5em;
  }
  #photo {
    margin:auto;
  }
  div#blocIntro #photo {
    margin:0;
  }
  
  div#nom {
    margin-left:auto;
    margin-right:auto;
  }
/* 
#nom {
  width: 10%;
  margin-bottom: 5%;
  margin-left: 3%;
  display:inline;
}

#nom h1 {
    font-size:90%;
    display:inline;
} 
 */


.chapeau {
    display:inline-block;
 
    font-size:15px;

}

.notice_bio {
    display:block;
} 

.controle {
    display: none;
}

.italic {
    font-style:italic;
}
sup{ font-size: 60%;
}
.sup {
    font-variant-position: super;
}



.notice_bio {
    text-align:justify;
    margin-top:0;
    margin-bottom:0;
    
}

.sources {
    display:block;
    margin-right:auto;
    line-height:100%;
    font-size:11px;

}

.auteurs {
    display:block;
    margin-right:auto;
    line-height:100%;
	text-align:right;
}

/* a:link {
	color: #520;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	} */
	
.motscles {
  width: 10%;
  margin-bottom: 5%;
  display:inline;
  font-size:13px;
  font-weight:normal;

}

/* AFfichage mots-clefs */
.type_repression::before {
    content: "Type de répression : ";
    font-weight:bold;
  }
  .motscles#naissance::before {
    content: "Naissance : ";
    font-weight:bold;
  }
  .motscles#domiciliation::before {
    content: "Domiciliation : ";
    font-weight:bold;
  }
  
  .motscles#arrestation::before {
    content: "Arrestation : ";
    font-weight:bold;
  }
  .motscles#internement::before {
    content: "Internement : ";
    font-weight:bold;
  }
  .motscles#deportation::before {
    content: "Déportation : ";
    font-weight:bold;
  }
  .motscles#devenir::before {
    content: "Devenir : ";
    font-weight:bold;
  }
  .motscles#deces::before {
    content: "Décès : ";
    font-weight:bold;
  }
  
  .dates::before {
    content: "Dates : ";
    font-weight:bold;
  }
  
  .lieux::before {
    content: "Lieux : ";
    font-weight:bold;
  }
  .transport::before {
    content: "transport ";
  }
  
  .numeros::before {
    content: "N° convoi et matricules : ";
    font-weight:bold;
  }

p, li, figcaption, table {
    font-size:13px;
}


#footer footer{
  background: #f5ecd8;
  bottom: 0;
  left: 0;
  padding: 5px 0;
  position: fixed;
  width: 100%;
 text-align: center;
 font-size:12px;
}

  		
#closeImageViewer{display:none;}
	
      div.bordureFooter {
        border-top: 1px solid #bbb;
        justify-content:center;
        display: flex;
        padding-top: 20px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin-top:2vw;
        height:fit-content;
        gap: 0px 40px;
        }
        
        #logo_histeme,
        #logo_unicaen {
          width:90px;
        }
        #logo_MRSH {
          width:60px;
        }
        #logo_FDM {
          height:70px
        }


        #header, #topMenu, #mainContent, #blocTexte {
          width:100%;
          margin:0;
          padding:0;
        }

        div#footer{display:none;}

 figure.schemaTableContainer > figcaption {
  display:none;
 }

 figure.schemaTableContainer > figure,
 figure.schema {
       display: flex;
    flex-direction: column;
    gap:5px;
    align-items: center;
    justify-content:center;
 }
 figure.schema {
  flex-direction: column-reverse;
}
 figure.schemaTableContainer {
    display: flex;
    flex-direction: row;
    gap:5px;
    align-items: center;
    justify-content:center;
  }
  
.result-page div.schemaContainer > figure {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.definition-page div.schemaContainer > figure {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

figure {break-inside: avoid-page;}

figcaption {
  display:block;
  text-align: center;
  font-size:9pt;
}
 figcaption * {
   font-size:9pt;
}
         a.totdm {
          display: none;}

        div.flexContainer {
          display:flex;
          flex-direction:row;
          gap:10px;
          align-items: center;
          justify-content: center;
        }
        p.separator {
          text-align:center;
        }
        table {
          border:2px solid black;
          border-collapse:collapse;
        }
        table * {
          border:2px solid black;
          border-collapse:collapse;
        }
        table span, table abbr {
          border:none;
      
        }
        div.logoContainer {
          display:flex;
          flex-direction:row;
          flex-wrap:wrap;
          align-items: center;
          justify-content:space-evenly;
        }
        div.logoContainer img {
        width:50px;
        }
        img[alt='Lien interne']{
          display:none;
        }
        div.row {
          display:flex;flex-direction: row;
          align-items: center;
          justify-content: space-evenly;
        }