@media print {
  /* All my print styles go here */

  @page {
    size: A4;
}

@page:left {
  margin-left: 10mm;
  margin-right: 10mm;
  margin-top: 10mm;
  margin-bottom: 20mm;
    @bottom-left {
  	content: counter(page);
  	  	font-size: 80%;
  }
    @bottom-right {
  	content: "Bretagne Transition";
  	  	font-size: 80%;
  }
}

@page:right {
  margin-left: 10mm;
  margin-right: 10mm;
  margin-top: 10mm;
  margin-bottom: 20mm;
  @bottom-right {
  	content: counter(page);
  	font-size: 80%;
  }
  @bottom-left {
    content: string(action);
      	font-size: 80%;
  }
}

@page :first {
	margin-left: 10mm;
  margin-right: 10mm;
  margin-top: 10mm;
  margin-bottom: 20mm;
    @bottom-right {
		display:none;  }
}


@page :last {
  margin-left: 10mm;
  margin-right: 10mm;
  margin-top: 10mm;
  margin-bottom: 20mm;
    @bottom-left {
    display:none;  }
}

@font-face { font-family: 'BBBPoppinsTNTextRegularItalic'; src: url('../fonts/BBBPoppinsTN-TextRegularItalic.woff2') format('woff2');}
@font-face { font-family: 'BBBPoppinsTNTextRegular'; src: url('../fonts/BBBPoppinsTN-TextRegular.woff2') format('woff2');}
@font-face { font-family: 'BBBPoppinsTNTextBold'; src: url('../fonts/BBBPoppinsTN-TextBold.woff2') format('woff2');}
@font-face { font-family: 'BBBPoppinsTNTextSemiBold'; src: url('../fonts/BBBPoppinsTN-TextSemiBold.woff2') format('woff2');}

*{margin: 0; padding: 0;}
body{font-size:20px; line-height:140%; font-family: 'BBBPoppinsTNTextRegular', sans-serif; word-spacing: -0.05em;}

section{break-after: page;}

h1, h2, h3 {font-weight: normal; }

p, ul, li {margin-bottom: 7px;}
ul, ol {padding: 0 20px; list-style-position: outside;}

h1 {font-size: 120px; line-height: 100%;
	string-set: title content(text);
	font-family: 'BBBPoppinsTNTextSemiBold';
}

h2 {margin: 0 0 20px; font-size: 42px; line-height: 110%;
	string-set: action content(text);
	break-before: page;
  font-family: 'BBBPoppinsTNTextBold';
}

h3 {margin: 30px 0 10px; font-size: 28px; line-height: 110%;
font-family: 'BBBPoppinsTNTextSemiBold';
}

h3 em{line-height: 32px;}

em {font-style: normal; font-family: 'BBBPoppinsTNTextRegularItalic';}

figure{margin: 10px 0;}

.callout {margin:20px 0; padding: 0 15px; border-left: 5px solid #ddd;}
.flex-wrap-right{ display:flex;  flex-wrap: wrap; flex-direction: row-reverse; gap: 20px;}
.flex-wrap-left{ display:flex;  flex-wrap: wrap; flex-direction: row; gap: 20px;}
.flex-wrap-center{ display:flex;  lex-wrap: wrap; justify-content: space-around;}

figcaption{font-size: 80%; line-height: 120%;}

section.couv1 {height: 100%; display: flex; flex-direction: column;}
section.couv2 {font-size: 28px; line-height: 140%;}

.sommaire{flex:2; font-size: 24px; line-height: 140%;}

#BTlogo{width:7cm;}

section.couv3 {break-before: page;}

figure.img{margin: 5px;}

.full{width:100%;}
.tiers{width:30%;}
.deuxtiers{width:60%;}
.demi{width:50%;}

.mineur{font-size: 80%; line-height: 100%;}

hr{margin: 30px 0 10px; width: 33%; border: 5px solid black;}

}

.pagesuivante{  break-before: page;
}