body {  
  background-color:rgb(224, 224, 230);
  color:rgb(20, 20, 31);
  font-family: calibri, arial, sans-serif;  
  font-size: 16px;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.3;
}

main {
	margin-top:60px;
	margin-bottom:60px;
}

h1 {
	margin-top:0;
	font-size:160%;
}

h2 {
 margin-top:0px;
 margin-bottom:0px;
 font-weight:bold;
 font-size:120%;
}

/*--- Navigation ---*/

nav {
  position:absolute;
  top:0px;
  left:0px;
  background-color:rgb(70, 70, 109);
  color:white;
  font-size:87.5%;
}

nav.navbar {
  width:100%;
  padding:1px;
}

div#main-navigation {
	max-width:1000px;
  margin:0 auto;
}

span.nav-item {
	display:inline-block;
	padding: 5px 20px 3px 20px;
}
/* ---------------------- Ecran étroit ---------------------- */
nav.dropdown { display:none; }
.dropdown-content { display:none;}
#menu { display:none; }

@media screen and (max-width:600px) { 
  nav.navbar { display:none; } 
  nav.dropdown { 
	display:block; 
	z-index:999; 
  }
  .dropdown:hover .dropdown-content { 
	display:block ; 
	padding-top:1px;
  }
  #menu { display:inline-block; }
  nav ul { 
	list-style-type:none;
	padding:10px 0 0 0;
	margin:0;
  }
  .dropdown li {
	padding:0px 30px 15px 30px;
  }
}
@media screen and (max-width:750px) { 
  img { 
	float:none ! important;
  }
  img#logo {
	float:left ! important;
  }
  div.inq { 
	margin:0 30px ! important; 
  }
}
/* ---------------------- Impression ---------------------- */
@media print {
	nav { display:none; }
	main { margin-top:0; margin-bottom:0; }
}

/* Divisions */

div.q {
	background-color:rgb(249, 249, 255);
	background-color:white;
	color:#222;
	margin:1em 0;
	border-radius:2px;
}

div.inq { 
	margin:30px;
	padding-top:30px;
	padding-bottom:30px;
}

div.galerie:hover {
	background-color:rgb(251, 251, 255);
}

/*div.bibitem:hover {
 background-color:rgb(251, 251, 255);
}*/

div.texte {
	max-width:700px;
}
div.texte p {
	text-indent:2em;
	text-align:justify;
	margin-bottom:0;
	margin-top:0.5ex;
}

p.citation {
 margin-bottom:0px;
 font-size:80%;
 font-style:italic;
}
p.auteur {
 margin-top:0.5ex;
 font-size:90%;
 color:rgb(70, 70, 109);
}

p {  
  margin-top: 1ex;
}

a, a:hover {
 text-decoration:none;
 color:inherit;
}
a.inline {
	color:blue;
}
a.inline:hover {
	background-color:rgb(234, 234, 240);
}

span.date {
	display:inline-block;
	background-color:#eee;
	padding:1px 5px;
}

sup {  
  font-size: smaller;
}

b {
	color: rgb(60, 60, 93);
}