* {
    box-sizing: border-box;
}

nav,
article,
section {
	display:block;
}

body {
  	padding: 1em;
  	/*background-color:#ebebeb;*/
	/*background-color:#fafafa;*/
	/*background-color:#f7f4e9;*/
background-color:#fafafa;


	font-size: 0.8em;
	

}

nav {
	width:25%;
	float:left;
    color:#1b7ba1;
    background-image: -moz-linear-gradient(right center , #C7C7C7, #ebebeb);
	background-color:#fafafa;

}

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

article {
	float:left;
	width:50%;
	text-align:justify;
	line-height:1.4;
	padding-left:5em;
	padding-right:5em;
	padding-bottom:2em;
	border-left:1px /*dotted*/solid #BABABA;
	border-top:1px /*dotted*/solid #BABABA;
	border-right:1px /*dotted*/solid #BABABA;
	border-bottom:1px /*dotted*/solid #BABABA;
	font-family: "verdana", sans-serif;
	background-color:#fff;

	
}

.manchette {
	width:25%;
	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:25%;
	right:-5px;
	font-size:100%;
list-style-type:none;


}

li[class*="head"] a,
.suite,
.appel,
.tonote,
.noteNum,
.totdm {
	color:#1b7ba1;
	text-decoration: none;
	font-family: "Noto sans", "Verdana",sans-serif;
	font-size:100%;
	line-height: 1.7;
list-style-type:none;
	
	 
}

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

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

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

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

.head4 {
	margin-left:21%;
}

.head5 {
	margin-left:28%;
}

.head6 {
	margin-left:35%;
}

.note > p {
	display:inline;
}

/******* niveaux de titres *******/
h1, h2, h3, h4, h5, h6, .T_SousTitre {
	font-family:serif;
	color: #1b7ba1;
	text-align: left;
	font-size:170%;
	
}

.T_SousTitre {
	font-size:150%;
	color: #000;
	
}

.T_0_Article_UK {
	font-size:120%;
	color: #A9A9A9;
	font-family:serif;
	padding-left: 10%;
}

.T_0_Article_UK:before {   
	 content: '[En] ';
}

/******* front data *******/
.resume_motscles,
.mainIndex {
	font-family:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
	font-size:90%;
	border-top:1px #BABABA solid;
	border-bottom:1px #BABABA solid;
	margin-top:2em;
	margin-bottom:2em;
	padding-left: 10%;
	color: #585858;
	line-height:1.3;

}

/*.docAuthor {
	font-family:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
	line-height:1;
	font-weight: bold;

	
}*/

.docAuthor:before {
    content: 'Par : ';
}

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

.affiliation {
	font-size:80%;
	font-family:'verdana', sans-serif;
	line-height:1;
	font-weight: normal;

	
}

.docAuthor {
	margin-top:2em;
	
	
}

.txt_resume_inv,
.txt_Motsclef_inv {
  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:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",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, "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",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:#1b7ba1;
}

.linkbiblio {
  color: #1b7ba1;
}

/******* index *******/
.index,
.lienIndex {
  color:#1b7ba1;
  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%;}
}