h1.h1, 
ul.test {
	background-color: gold;
	color: red;
}

.icf-page-body, .icf-page-body p {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}
.icf-page-body:after {
  content: "";
  display: table;
  clear: both;
}
.icf-page-body p:after {
  content: "";
  display: table;
  clear: both;
}


/***** Normal paragraph *****/

.icf-normal, 
.ck-content .icf-normal, 
.ck.ck-content .icf-normal {
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  font-weight: 400 !important;
  color: #3C3733 !important;
  line-height: 1.3em;
}
.icf-normal:after, 
.ck-content .icf-normal:after, 
.ck.ck-content .icf-normal:after {
  content: "";
  display: table;
  clear: both;
}


/***** Intertitres base *****/

.icf-h2, 
.ck-content .icf-h2, 
.ck.ck-content .icf-h2 {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 2.0em !important;
  color: #0084D4 !important;  
  font-weight: bold !important;  
}

.icf-h3, 
.ck-content .icf-h3, 
.ck.ck-content .icf-h3 {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.6em !important;
  color: #003865 !important;  
  font-weight: bold !important;    
}

.icf-h4, 
.ck-content .icf-h4, 
.ck.ck-content .icf-h4 {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.4em !important;
  color: #999999 !important;  
  font-weight: bold !important; 
}

.icf-h5, 
.ck-content .icf-h5, 
.ck.ck-content .icf-h5 {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.2em !important;
  color: #003865 !important;  
  font-weight: bold !important; 
  text-decoration: underline !important;
}


/***** Intertitres CAP *****/

/* Only the first letter of the whole line is raised. Capitals the author
   typed inside the text are untouched, because nothing transforms them. */
.icf-h2-cap::first-letter,
.ck-content .icf-h2-cap::first-letter,
.ck.ck-content .icf-h2-cap::first-letter,
.icf-h3-cap::first-letter,
.ck-content .icf-h3-cap::first-letter,
.ck.ck-content .icf-h3-cap::first-letter,
.icf-h4-cap::first-letter,
.ck-content .icf-h4-cap::first-letter,
.ck.ck-content .icf-h4-cap::first-letter,
.icf-h5-cap::first-letter,
.ck-content .icf-h5-cap::first-letter,
.ck.ck-content .icf-h5-cap::first-letter {
  text-transform: uppercase !important;
}

.icf-h2-cap, 
.ck-content .icf-h2-cap, 
.ck.ck-content .icf-h2-cap {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.6em !important;
  line-height: 1.0em;
  color: #0084D4 !important;  
  /* No longer set in capitals: the text reads as the author typed it, with
     only the very first letter forced up (rule below). The style name still
     says CAP — acknowledged, and left for the next design pass. */
  text-transform: none !important;
}

.icf-h3-cap, 
.ck-content .icf-h3-cap, 
.ck.ck-content .icf-h3-cap {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.4em !important;
  color: #DAAA00 !important;  
  /* No longer set in capitals: the text reads as the author typed it, with
     only the very first letter forced up (rule below). The style name still
     says CAP — acknowledged, and left for the next design pass. */
  text-transform: none !important;
}

.icf-h4-cap, 
.ck-content .icf-h4-cap, 
.ck.ck-content .icf-h4-cap {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  color: #978E85 !important;  
  /* No longer set in capitals: the text reads as the author typed it, with
     only the very first letter forced up (rule below). The style name still
     says CAP — acknowledged, and left for the next design pass. */
  text-transform: none !important;
}

.icf-h5-cap, 
.ck-content .icf-h5-cap, 
.ck.ck-content .icf-h5-cap {
  margin: 5px 0 5px 0 !important;  
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.2em !important;
  color: #003865 !important;  
  /* No longer set in capitals: the text reads as the author typed it, with
     only the very first letter forced up (rule below). The style name still
     says CAP — acknowledged, and left for the next design pass. */
  text-transform: none !important;
}


/***** Blocks *****/

/* The paragraphs inside a boxed Encadré sit tighter than elsewhere: 4px top
   and bottom instead of the 10px the page gives every p. Encadrés 1 to 4
   only — the barred ones (5, 6, 7) keep the page's spacing. */
.icf-block1 p, .ck-content .icf-block1 p, .ck.ck-content .icf-block1 p,
.icf-block2 p, .ck-content .icf-block2 p, .ck.ck-content .icf-block2 p,
.icf-block3 p, .ck-content .icf-block3 p, .ck.ck-content .icf-block3 p,
.icf-block4 p, .ck-content .icf-block4 p, .ck.ck-content .icf-block4 p {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}


.icf-block1, 
.ck-content .icf-block1,  
.ck.ck-content .icf-block1 {
  border: solid 1px #003865 !important;
  padding: 20px !important;
  border-radius: 16px !important;
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #3C3733 !important;
  overflow: hidden !important;
}
.icf-block1:after, 
.ck-content .icf-block1:after,  
.ck.ck-content .icf-block:after {
  content: "";
  display: table;
  clear: both;
}

.icf-block2, 
.ck-content .icf-block2, 
.ck.ck-content .icf-block2 {
  padding: 20px !important;
  border-radius: 16px !important;
  background: #DAAA00 !important;
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #fff !important;
  overflow: hidden !important;
}
.icf-block2:after, 
.ck-content .icf-block2:after, 
.ck.ck-content .icf-block2:after  {
  content: "";
  display: table;
  clear: both;
}

.icf-block3, 
.ck-content .icf-block3, 
.ck.ck-content .icf-block3 {
  padding: 20px !important;
  border-radius: 16px !important;
  background: #00B388 !important;
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #fff !important;
  overflow: hidden !important;
}
.icf-block3:after, 
.ck-content .icf-block3:after, 
.ck.ck-content .icf-block3:after {
  content: "";
  display: table;
  clear: both;
}

.icf-block4, 
.ck-content .icf-block4, 
.ck.ck-content .icf-block4 {
  padding: 20px !important;
  border-radius: 16px !important;
  background: #0084D4 !important;
  font-family: 'Montserrat', 'Catamaran', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #fff !important;
  overflow: hidden !important;
}
.icf-block4:after,
.ck-content .icf-block4:after,
.ck.ck-content .icf-block4:after {
  content: "";
  display: table;
  clear: both;
}

/* Links inside Encadrés 2, 3 and 4 follow the box's white text, in every
   state, with no underline: the page's link colours (cobalt, dark grey on
   hover) would otherwise show through. */
.icf-block2 a, .ck-content .icf-block2 a, .ck.ck-content .icf-block2 a,
.icf-block3 a, .ck-content .icf-block3 a, .ck.ck-content .icf-block3 a,
.icf-block4 a, .ck-content .icf-block4 a, .ck.ck-content .icf-block4 a {
  color: #fff !important;
  text-decoration: none !important;
}

.icf-block5, 
.ck-content .icf-block5, 
.ck.ck-content .icf-block5 {
  /* The bar is drawn, not bordered: a border cannot have rounded ends of its
     own. 15px wide (was 10) with the same 20px gap to the text. */
  position: relative !important;
  border-left: none !important;
  padding: 0 !important;
  padding-left: 35px !important;
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #3C3733 !important;
  overflow: hidden !important;
}
.icf-block5:before, 
.ck-content .icf-block5:before, 
.ck.ck-content .icf-block5:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  border-radius: 9999px;
  background-color: #A4C8E1;
}
.icf-block5:after, 
.ck-content .icf-block5:after, 
.ck.ck-content .icf-block5:after {
  content: "";
  display: table;
  clear: both;
}

.icf-block6, 
.ck-content .icf-block6, 
.ck.ck-content .icf-block6 {
  /* The bar is drawn, not bordered: a border cannot have rounded ends of its
     own. 15px wide (was 10) with the same 20px gap to the text. */
  position: relative !important;
  border-left: none !important;
  padding: 0 !important;
  padding-left: 35px !important;
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #3C3733 !important;
  overflow: hidden !important;
}
.icf-block6:before, 
.ck-content .icf-block6:before, 
.ck.ck-content .icf-block6:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  border-radius: 9999px;
  background-color: #DC582A;
}
.icf-block6:after, 
.ck-content .icf-block6:after, 
.ck.ck-content .icf-block6:after {
  content: "";
  display: table;
  clear: both;
}

.icf-block7, 
.ck-content .icf-block7, 
.ck.ck-content .icf-block7 {
  /* The bar is drawn, not bordered: a border cannot have rounded ends of its
     own. 15px wide (was 10) with the same 20px gap to the text. */
  position: relative !important;
  border-left: none !important;
  padding: 0 !important;
  padding-left: 35px !important;
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  color: #3C3733 !important;
  overflow: hidden !important;
}
.icf-block7:before, 
.ck-content .icf-block7:before, 
.ck.ck-content .icf-block7:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  border-radius: 9999px;
  background-color: #A1D6CA;
}
.icf-block7:after, 
.ck-content .icf-block7:after, 
.ck.ck-content .icf-block7:after {
  content: "";
  display: table;
  clear: both;
}

.icf-block8, 
.ck-content .icf-block8, 
.ck.ck-content .icf-block8 {
  display:inline !important;
  background-color:#EED484 !important;   /* ambre */
  color:#000000 !important;
}

/* Encadré 9 (lettrine) retiré le 2026-09-30 à la demande du client. La classe
   subsiste dans deux pages ; sans règle, elle n'a plus aucun effet. */


/***** Quotes *****/

.icf-quote-1, 
.ck-content .icf-quote-1, 
.ck.ck-content .icf-quote-1, 
#block-icf-main-content div.icf-page-body blockquote {
  background: #fff !important;
  color: #999087 !important;
  font-size: 1.2em !important;
  /* The bar is drawn, not bordered: a border cannot have rounded ends of its
     own. 15px wide (was 10), same gap to the text. :before already carries
     the opening quote, so the bar is :after. */
  position: relative !important;
  border-left: none !important;
  margin: 1.5em 50px !important;
  padding: 0.5em 10px 0.5em 25px !important;
  quotes: "\201C""\201D""\2018""\2019" !important;
  overflow: auto !important;
}
.icf-quote-1:after, 
.ck-content .icf-quote-1:after, 
.ck.ck-content .icf-quote-1:after, 
#block-icf-main-content div.icf-page-body blockquote:after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 15px !important;
  border-radius: 9999px !important;
  background-color: #A4C8E1 !important;
}
.icf-quote-1:before, 
.ck-content .icf-quote-1:before, 
.ck.ck-content .icf-quote-1:before, 
#block-icf-main-content div.icf-page-body blockquote:before {
  color: #A4C8E1 !important;
  /* A literal glyph, not open-quote: open-quote picks from the quotes list by
     nesting depth, so the second quotation on a page rendered a single mark. */
  content: "\201C" !important;
  font-size: 4em !important;
  line-height: 0.1em !important;
  /* 0.25em of a 4em glyph is a full em of the text: halved. */
  margin-right: 0.125em !important;
  vertical-align: -0.4em !important;
}
.icf-quote-1 p, 
.ck-content .icf-quote-1 p, 
.ck.ck-content .icf-quote-1 p,
#block-icf-main-content div.icf-page-body blockquote p {
  display: inline !important;
  overflow: auto !important;
}

.icf-quote-2, 
.ck-content .icf-quote-2, 
.ck.ck-content .icf-quote-2 {
  display: block;
  /* A full border with disc ends, not two horizontal rules. */
  border-width: 2px;
  border-style: solid;
  border-color: #A4C8E1;
  border-radius: 9999px;
  /* The text starts where the curve ends. With a 9999px radius the corner is
     half the box's height, which CSS cannot read, so this is a fixed value
     tuned for a quote of four to six lines. */
  padding: 1.5em 4.5em 0.5em;
  margin: 1.5em 0;
  position: relative;
  /* Same size and colour as Citation 1. */
  font-size: 1.2em;
  line-height: 1.2em;
  color: #999087;
}
.icf-quote-2:before, 
.ck-content .icf-quote-2:before, 
.ck.ck-content .icf-quote-2:before {
  content: '\201C';
  position: absolute;
  top: 0;
  left: 50%;
  /* The glyph masks the border rather than being struck through by it: the
     box is half a rem taller and pulled up by 80% of that instead of 100%,
     so its top edge — where the glyph is drawn — does not move, and its
     bottom edge now covers the border line. */
  transform: translate(-50%, -80%);
  background: #fff;
  width: 3rem;
  height: 2.5rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #A4C8E1;
  text-align: center;
}
.icf-quote-2:after, 
.ck-content .icf-quote-2:after, 
.ck.ck-content .icf-quote-2:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.875em;
  /* The dash is only there to carry the cite attribute; invisible unless one
     is set. It used to be a red that belongs to no palette. */
  color: transparent;
}

/***** Phones *****/

/* Both quotes are sized for a wide column. On a phone, Citation 2's 4.5em
   side padding and fully round ends left the text a column two or three
   words wide, and Citation 1's 50px side margins did much the same. Below
   640px the frame keeps its colour and line but becomes a rounded
   rectangle with ordinary padding, and Citation 1 uses the full width. */
@media screen and (max-width: 640px) {
  .icf-quote-2,
  .ck-content .icf-quote-2,
  .ck.ck-content .icf-quote-2 {
    border-radius: 32px;
    padding: 1.5em 1.2em 0.5em;
  }
  .icf-quote-1,
  .ck-content .icf-quote-1,
  .ck.ck-content .icf-quote-1,
  #block-icf-main-content div.icf-page-body blockquote {
    margin: 1.5em 0 !important;
  }
}