@font-face {
font-family: "ClearfaceStd-Regular";
src: url("fonts/ClearfaceStd-Regular.otf");
}

@font-face {
font-family: "ClearfaceStd-Italic";
src: url("fonts/ClearfaceStd-Italic.otf");
}

@font-face {
font-family: "ClearfaceStd-Bold";
src: url("fonts/ClearfaceStd-Bold.otf");
}

#contenant-chapitres {
  text-align: center;
}

#contenu-chapitres {
	margin-left: 20%;
	margin-right: 20%;
	max-width: 800px;
	text-align: center;
	display: inline-block;
}


p.texte, li.texte {
	font-size:22px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:190%;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}

p.texte-blue, li.texte-blue {
	font-size:22px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:190%;
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	color: #1b78cf;
}


p.texte-blue a {
  color:#1b78cf;
  text-decoration: none;
  border-bottom: 1px dashed #aaa;
}

p.texte-blue a:hover {
  color:#1b78cf;
  text-decoration: none;
}

p.texte-blue a:visited {
  color:#1b78cf;
  text-decoration: none;
}

p.texte-blue a:visited:hover {
  color:#1b78cf;
  text-decoration: none;
}




p.titres {
	font-size:36px;
	line-height:190%;
	margin-bottom:100px;
	margin-left:0;
	margin-right:0;
	text-align:center;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}

p.titres-blue {
	color:#1b78cf;
	font-size:36px;
	line-height:190%;
	margin-bottom:100px;
	margin-left:0;
	margin-right:0;
	text-align:center;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}

p.center {
	text-align:center;
}

p.center-blue {
	color:#1b78cf;
	text-align:center;
}

p.citation {
	font-style:italic;
	text-align:center;
	margin-top: 20px;
}
p.citation-artiste {
	text-align:center;
	margin-bottom: 30px;
}
p.indent {
	text-align:justify;
	text-align-last:left;
	text-indent:35px;
}
span.bold {
	font-family: 'ClearfaceStd-Bold', serif;
}
p.exercices-phrasescles {
	font-family: 'ClearfaceStd-Bold', serif;
	font-weight: bolder;
	margin-top: 50px;
}
span.italic {
	font-family: 'ClearfaceStd-Italic', serif;
}
span.bold-italic {
	font-style:italic;
	font-weight:bold;
}
span.caps {
	font-variant:normal;
	text-transform:uppercase;
}
span.exposant {
	font-size:58%;
	vertical-align:super;
}

#hermes {
  position:relative;
}

#hermes img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#hermes img.hermes-top:hover {
  opacity:0;
}