* {
    box-sizing: border-box;
}

nav,
article,
section {
	display:block;
}

body {
  	padding: 1em;
  	background-color:#ebebeb;
}

nav {
	width:20%;
	float:left;
    color:#704444;
    background-image: -moz-linear-gradient(right center , #C7C7C7, #ebebeb);
}

.show { display: none; }
a.hide:focus + .show { display: inline; }
a.hide:focus { display: none; }
a.hide:focus ~ #nav { display: none; }

article {
	float:left;
	width:60%;
	text-align:justify;
	line-height:1.7;
	padding-left:1em;
	border-left:1px dotted #BABABA;
	font-family:junicode;
}

.manchette {
	width:20%;
	right:-5px;
	position: absolute;
}

h2 > .manchette {
	width:20%;
	right:-21px;
	font-size:0.65em;
	font-weight:normal;
	font-family:junicode;
}

/******* nav/tdm *******/
.totdm {
	position:absolute;
	width:20%;
	right:-5px;
	font-size:80%;
}

li[class*="head"] a,
.suite,
.appel,
.tonote,
.noteNum,
.totdm, 
.encadre .tonote,
.encadre .noteEncNum {
	color:#704444;
}

.tonote,
.noteNum,
.noteEncNum {
	font-weight:bold;
	text-decoration:none;
	padding-left: 0.3ex;
}

.suite {
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
}

.head2 {
	margin-left:7%;
	list-style-type:circle;
}

.head3 {
	margin-left:14%;
	list-style-type:square;
}

.head4 {
	margin-left:21%;
}

.head5 {
	margin-left:28%;
}

.head6 {
	margin-left:35%;
}

.note > p,
.noteEnc > p  {
	display:inline;
}

/******* niveaux de titres *******/
h1, h2, h3, h4, h5, h6, .T_SousTitre, .T_0_Article_UK {
	font-family:sans-serif;
}

.T_SousTitre,
.T_0_Article_UK {
	font-size:120%;
}

/******* front data *******/
.resume_motscles,
.argument,
.mainIndex {
	font-family:sans-serif;
	font-size:90%;
	border-top:1px #704444 dotted;
	border-bottom:1px #704444 dotted;
	margin-top:2em;
	margin-bottom:2em;
}

.resume_motscles + .argument {
    border-top:none;
}

.docAuthor,
.affiliation {
	font-family:sans-serif;
	line-height:1;
}

.affiliation {
	font-size:80%;
}

.docAuthor {
	margin-top:2em;
}

.txt_resume_inv,
.txt_Motsclef_inv,
.rtl {
  direction: rtl;
}

/******* notes *******/
.notes {
  margin-top:3em;
  border-top: 1px dotted #bababa;
  padding-top:1em;
}

/******* images *******/
figure {
  margin-top: 2em;
  text-align: center;
}

img {
	width:70%;
}

a.fancybox img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    }
    a.fancybox:hover img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
    }

figcaption {
	font-family:sans-serif;
	color:#666;
	font-size:80%;
	margin-top:1em;
  	text-align: center;
}

/******* table *******/
table {
	width:100%;
}

table > caption {
  font-weight: bold;
}
/******* encadre *******/
.encadre {
	border:1px solid black;
	font-family: Roboto, sans-serif;
	background-color:#CCCCCC;
	font-size:75%;
	padding:2em;
}

.titreEncFocus {
	font-weight:bold;
	font-size:110%;
}

.encadre h1 {
	font-size:140%;
}

.titre_biblio {
  font-weight: bold;
  font-size: 110%;
}
/******* vers <pre> *******/
pre {
	margin-left:40px;
}

/******* théâtre *******/
.locuteur {
  display: inline;
}

.replique > p {
  display:inline;
}

.replique {
  margin-left: 3em;
}

.l {
  margin-left: 3em;
  font-family: inherit;
}

/******* typo *******/
.small-caps {
	font-variant:small-caps;
}

/******* typo *******/
.bibl {

}

/******* liens *******/
a:visited {
  color:grey;
  text-decoration:none,
}

.hyperlink {
  color:#704444;
}

.linkbiblio {
  color: #704444;
}

/******* index *******/
.index,
.lienIndex {
  color:#704444;
  text-decoration: none;
}

.index {
  display: inline-block;
  padding-right: 6px;
}

.lienIndex {
  font-size: 120%;
}

/******* footer *******/
footer {
	clear:both;
	text-align:center;
	font-style:italic;
	padding-top:4ex;
	color:#575757;
}

/******* changement de la taille de l'écran *******/
@media screen and (max-width: 1000px) {
    nav,
    .manchette,
    .totdm {
        display:none;
    }
    article {width:80%;}
}

/******* Métadonnées auteur *******/
p[class=author]{
    margin-top:2em;
    font-size: 80%;
    padding-left:2em;
}

p[class=editor]{
    margin-top:2em;
    font-size: 80%;
    padding-left:2em;
}

p[class=idno]{
    font-size: 80%;
    width:60%;
	line-height:0.5;
	padding-left:1em;
}

.menu-content {
  padding: 0 0 50px;
}

.collapsable-menu {
  padding: 0px 25px;
  border-bottom: 1px solid black;
  box-shadow: 1px 2px 3px;
  border-radius: 10px;
}

.collapsable-menu label {
    font-size: 20px;
    display: block;
    cursor: pointer;
    background: url(menu.png) no-repeat left center;
    padding: 10px 0 10px 50px;
}

.menu-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 0 0 50px;
}

input {
  display: none;
}

input:checked {
  display: none;
}

/* Toggle Effect */
input:checked ~ .menu-content {
    max-height: 100%;
}
/*