/* Titre H2 */
.heading-box {
	color: #0772B7;
	font-size: 2.6em;
	line-height: 120%;
	font-weight: bold;	
	position: relative;
	padding: 0 0 0 60px;
	text-align: left;
}
.heading-box::after {
position: absolute;
left: 0;
content: "";
height: auto;
background: #ff9900;
border-radius: 0.2rem;
top: -0.1rem;
left: 0 rem;
width: 3rem;
height: 3rem;
}
/* Fin Titre H2 */
blockquote {
background-color: #eef6ff;
border-left: 4px solid #0077cc;
margin: 20px 0;
padding: 10px 20px;
font-style: italic;
}
.essentiel {
background-color: #FFF6E5;  /* #fdf9b6;  jaune */
border: 1px solid #fde079;  /* #e0c97a; */
padding: 20px;
margin-bottom: 30px;
border-radius: 8px;
}
.essentiel h2 {
margin-top: 0;
color: #da455f;
font-weight: bold;
}
.essentiel ul li {
 color: #000000;
}
.essentiel ul {
list-style-type: disc;
margin-left: 20px;
}

/* TABLE STYLE - blue gradient */
.blue-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.blue-table th, .blue-table td {
border: 1px solid #ccc;
padding: 12px;
text-align: left;
}
.blue-table th {
background: linear-gradient(to right, #dbeeff, #c0ddf6);
color: #003366;
}
.blue-table tr:nth-child(even) {
background-color: #f3f9ff;
}
/* Fin Titre H2*/

/* Titre H3 avec pictogramme à gauche */
.subheading-box {
    color: #003C64;
    font-size: 1.8em;
    line-height: 120%;
    position: relative;
    padding-left: 58px;
    margin: 2em 0 1em 0;
    text-align: left;
}
.subheading-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: -0.2rem;
    width: 46px;
    height: 36px;
    background-color: #0772B7;
    border-radius: 0 50% 50% 0;
}
/* Fin Titre H3 avec pictogramme à gauche */

/* Block d'alerte */
.block-callout {
margin-bottom: 1.5em;
border-radius: 5px;
display: flex;
overflow: hidden
}
.block-callout.information {
background-color: #d9edf7;
color: #016682
}
.block-callout.information a,.block-callout.information a:visited {
color: #024658
}
.block-callout.warning {
background-color: #fffcea;
color: #c18804
}
.block-callout.warning a,.block-callout.warning a:visited {
color: #b98204
}
.block-callout.success {
background-color: #e8f9ed;
color: #017724
}
.block-callout.success a,.block-callout.success a:visited {
color: #025a1c
}
.block-callout.danger {
background-color: #fbeaeb;
color: #7b0a14
}
.block-callout.danger a,.block-callout.danger a:visited {
color: #6b010a
}
.block-callout_left {
padding: 20px;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
max-width: 100px
}
.block-callout.information .block-callout_left {
background-color: #00b9eb
}
.block-callout.warning .block-callout_left {
background-color: #ffe066
}
.block-callout.success .block-callout_left {
background-color: #00bb37
}
.block-callout.danger .block-callout_left {
background-color: #d6414e
}
.block-callout_icon svg {
width: 28px;
height: 28px;
fill: currentcolor
}
.block-callout_right {
padding: 20px;
display: flex;
justify-content: center;
flex-direction: column
}
.block-callout_icon {
align-items: center;
display: flex;
flex: 1 0 0;
justify-content: center;
font-size: 28px
}
.block-callout_title {
display: block;
font-weight: 700;
font-size: 17px;
margin-bottom: 2px
}
.block-callout a,.block-callout a:visited {
font-weight: 700;
text-decoration: none
}
.block-callout a:hover {
text-decoration: underline
}
/* Fin Block d'alerte */

/* Ce qu'il faut savoir */
.ce-quil-faut-savoir {
background-color: #f1f7ff;
border-left: 5px solid #0077cc;
padding: 20px;
margin: 30px 0;
border-radius: 6px;
}
.ce-quil-faut-savoir h2 {
color: #004080;
margin-top: 0;
}
.ce-quil-faut-savoir ul {
margin: 0;
padding-left: 20px;
}
.ce-quil-faut-savoir li {
margin-bottom: 10px;
}
/* Fin Ce qu'il faut savoir */

/* debut suggestions lectures */
.suggestions-lectures {
background-color: #ffffff;
border-top: 2px solid #0077cc;
padding: 30px 20px;
margin-top: 40px;
}
.suggestions-lectures h2 {
color: #002f6c;
margin-bottom: 20px;
}

.suggestions-list {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.suggestions-list article {
background: linear-gradient(to right, #f1f7ff, #e4f0ff);
padding: 20px;
border-radius: 8px;
border-left: 4px solid #0077cc;
}
.suggestions-list h3 {
margin: 0 0 10px;
font-size: 1.1em;
}
.suggestions-list a {
color: #004080;
text-decoration: none;
font-weight: bold;
}
.suggestions-list a:hover {
text-decoration: underline;
}
/* Fin suggestions lectures */