* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-rendering: geometricPrecision;  
}


body{
	font-family: var(--fontFamily);
  font-size: var(--font-size);
  line-height: var(--baseline);
}

a{
	text-decoration: none;
	color: currentColor;
}

a:hover{text-decoration: underline;}

p{ margin-bottom: 1rem;}
img{ width: 100%;}
main{ margin-bottom: 150px; }


h1{
	font-weight: normal;
	font-size: 3em;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 0;
	string-set: title content(text);
}

h2{
	string-set: chapter content(text);
	text-align: center;
}

h2, h3{
	font-size: 3em;
	font-weight: normal;
	text-transform: uppercase;
}

h3{
	font-size: 1em;
}

h5, h6{
	font-size: var(--font-size);
	margin-top: 1mm;
	margin-bottom: 0;
	font-weight: normal;
}

p, li{
	text-align: justify;
	hyphens: auto;
	line-height: 1.45;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -ms-hyphenate-limit-chars: 7 3 4;
  hyphenate-limit-chars: 7 3 4;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* veuves et orphelines (bancal) */
  widows: 3;
  orphans: 3;
}

li p{
	margin: 0;
	text-align: left;
}

p a {
	white-space: pre-wrap; /* CSS3 */    
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */    
	white-space: -o-pre-wrap; /* Opera 7 */    
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	word-break: break-all;
}


ul, figure, ol{
	margin: 0;
	padding: 0
}

figure{
	margin-bottom: 1em;
}

figcaption{
	font-size: 0.8em;
	margin-top: 0.5em;
}

figcaption p{
	margin: 0;
}

figure[data-ratio] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ratio);
}

figure[data-crop="true"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

figure[data-crop="false"] img {
  width: 100%;
  height: auto;
  object-fit: contain;
}


/* ------ BLOCKQUOTE --------- */

blockquote{
  margin-top: calc(var(--baseline)*1);
  margin-bottom: calc(var(--baseline)*1);
  padding-left: calc(var(--unit)*0.75);
  padding-right: calc(var(--unit)*0.75);    
}


blockquote p::before{
  display: none; 
}

.before-blockquote_container,
.after-blockquote_container{
    position: absolute;
    overflow: hidden;
}

.before-blockquote_container{
    left: 0px;
}

.after-blockquote_container{
    right: -10px;
}

.after-blockquote,
.before-blockquote{
  font-size: var(--sign-size);
	color: var(--sign-color);
	letter-spacing: var(--sign-spacing);
	font-family: var(--sign-family);
	line-height: var(--sign-baseline);
	word-break: break-all;
	width: calc(var(--unit)*0.5 + 4px);
	overflow-wrap: anywhere;
	position: relative;
	top: -3px;
}

/* ------ FIN  BLOCKQUOTE --------- */


/* ---- ENTRÉE DE CHAPITRES ------ */

.chapter-header {
  position: relative;
}

.chapter-header .hgroup {
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  position: relative;
  top: calc(var(--baseline)*-0.25 - 2px); 
  margin-bottom: calc(var(--baseline)*3 + 13px); 
  /*padding-right: calc(var(--unit)*2);*/
  position: relative;
  padding-left: 15px;
}

/*.chapter-header .hgroup::before {
  content: "***************************************************************************************************************************************************************************************************************************************************************************************************************************************************";
  display: block;
  width: calc(100% + 1ch);
  height: 100%;

  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -1;

  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: calc(var(--sign-baseline)*1.5);
  overflow-wrap: anywhere;
}*/

.chapter-header .type {
  display: none;
}


.chapter-header .hgroup h2 {
  font-family: var(--fontTitle);
  font-weight: normal;
  font-size: 1em;
  line-height: calc(var(--sign-baseline)*1.5);
  /*display: inline;*/
  box-sizing: border-box;
  text-align: center;
  margin-top: 0;
  color: var(--sign-color);

}

.chapter-header .hgroup h2 span {
  padding-left: 0.25ch;
  padding-right: 0.25ch;
  box-decoration-break: clone;
  /*background-color: var(--sign-color);*/
  padding: 1px 0.25ch;
  text-transform: uppercase;
}

.chapter-header .author{
  display: block;
  text-align: center;
}


.chapter-header .author span {
  font-family: var(--fontTitle);
  color: var(--sign-color);
  /*margin-top: calc(var(--baseline)*1.5);*/
  text-transform: uppercase;
  background-color: white;
  display: inline-block;
}

.chapter-header .author::before { display: none; }
.chapter-header .bio { display: none; }

.hgroup-before,
.hgroup-after,
.chapter-header .title-before,
.chapter-header .title-after,
.chapter-header .title-between {
  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: calc(var(--sign-baseline)*1);
}

.chapter-header .title-before,
.chapter-header .title-after{
  white-space: nowrap;
  position: absolute;
  left: 0px;
}

.chapter-header .title-between{
  text-align: center;
  font-size: 1em;
}

.chapter-header .title-before {
  top: calc(var(--baseline)*-2.5);
}

.chapter-header .title-after {
  bottom: calc(var(--baseline)*-2.25 + 1px);
}

.hgroup-before{
  position: absolute;
  left: calc(var(--pagedjs-margin-left)*-1);
  padding-left: 19px;
  top: -47px;
}

.hgroup-after{
  position: absolute;
  bottom: calc(var(--baseline)*-5 - 1px);
  right: calc(var(--pagedjs-margin-right)*-1);
  text-align: right;
}

/* ---- FIN ENTRÉE DE CHAPITRES ------ */


/* ------ ENTRETIENS ------ */

.description {
  padding-left: calc(var(--unit)*0.75);
  padding-right: calc(var(--unit)*0.75);
  position: relative;
  top: -4px;
}

.description-before {
  position: relative;
  top: -6px;
}

.description-after {
  margin-top: -5px;
  margin-bottom: calc(var(--baseline)*1 - 3px);
}

.description-before,
.description-after {
  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: var(--sign-baseline);
}

.description::before,
.description::after {
  content: "......";
  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: var(--sign-baseline);
  word-break: break-all;
  width: calc(var(--unit)*0.75 + 4px);
  overflow-wrap: anywhere;
  display: block;
}

.description::before {
  position: absolute;
  left: 0;
  top: -3px;
}


.description::after {
  position: absolute;
  right: -13px;
  top: -3px;
}


h5 {
  font-size: var(--sign-size);
  color: var(--sign-color);
  font-weight: normal;
/*  position: relative;
  z-index: 10;
  top: calc(var(--baseline)*1);
  background-color: white;
  display: inline;*/
}

h5::before, h6::before{
  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: var(--sign-baseline);
}


.pagedjs_right_page h5{
    /*left: -80px;*/
}

.pagedjs_right_page h5::before{
    content: "//////"
}

.pagedjs_left_page h5{
    left: -49px;
}

.pagedjs_left_page h5::before{
    content: "//////"
}

/*.h6_container {
    position: relative;
    z-index: 10;
    top: calc(var(--baseline)*1);
}*/

h6 {
  font-size: var(--sign-size);
  color: var(--sign-color);
/*  font-weight: normal;
  position: relative;
  background-color: white;
  display: inline;*/
}

h6::before {
  content: "//";

}

.decor-h6 {
  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: var(--sign-baseline);
  position: absolute;
  left: -49px;
  top: calc(var(--baseline)*-2.5 + 11px);
}

.pagedjs_right_page .decor-h6 {
    left: -80px;
    top: calc(var(--baseline)*-4.5 + 11px);
}

/* ------ FIN ENTRETIENS ------ */


/* ------- NOTES -------------- */
.following-note {
  font-size: var(--fs-notes);
  line-height: 14px;
  font-weight: 500;

  display: block;
  margin-top: calc(var(--baseline)*0.5);
  margin-bottom: calc(var(--baseline)*0.5);
}

.container-following-note {
 margin-left: calc(var(--unit)*2);
}

.wrapper__note-call {
  break-inside: avoid;
}


.following-note_call,
.following-note_marker {

  &::before {
    content: "{"
  }

  &::after {
    content: "}"
  }

  font-size: var(--fs-notes);
}

.following-note_call {
  padding-left: 0.25ch;
  position: relative;
  top: -3px;
  line-height: 0;
}

.following-note_marker {
  position: absolute;
  left: 0;
}
/* -------- FIN NOTES --------- */

/* -------- PORTFOLIO --------- */

/* -------- FIN PORTFOLIO --------- */



/* Classes pour le responsive  */
.show-for-small-only{ display: block;}
.hide-for-small-only{ display: none;}