@media print {
  
  @page { 
    margin: 1.2cm;
    width: 210mm;
    height: 297mm;
  }
  
  body {
    --blue-theme-color: #46a5bb;
    --blue-theme-l4-color: #daedf1;
    --orange-theme-color: #f59700;
    --orange-theme-l4-color: #fdf4e4 ; 
    --red-theme-color: #c94637;
    --white-theme-color: #FAFAFA;
    --green-theme-color: #1ba000;
    --translation-color: #c94637,  #f59700;
    --grey-theme-color: #4f4f4fe2;
    
    
    
    --border-radius: 9px;
    --border-size: 12px;
  }
  
  /* color theme : orange */
  .theme-orange {color:#FAFAFA !important; background-color:#f59700 !important}
  .text-theme-orange {color:#f59700 !important}
  .border-theme-orange {border-color:#f59700 !important}
  
  .hover-theme-orange:hover {color:#FAFAFA !important; background-color:#f59700 !important}
  .hover-text-theme-orange:hover {color:#f59700 !important}
  .hover-border-theme-orange:hover {border-color:#f59700 !important}
  
  .theme-orange-l4 {color:151515 !important; background-color:var(--orange-theme-l4-color) !important}
  
  /* color theme : grey */
  .theme-grey {color:var(--white-theme-color) !important; background-color:var(--grey-theme-color) !important}
  
  /* color theme : blue */
  .theme {color:var(--white-theme-color) !important; background-color:var(--blue-theme-color) !important}
  .theme-l4 {color:var(--black-theme-color) !important; background-color:var(--blue-theme-l4-color) !important}
  
  
  /* ---------------------------- alsacreation ---------------------------- */
  body {
    font-family: 'Lato', serif;
    font-size: 12pt;
    background-color: #fff!important;
    color: #000!important;
  }
  
  
  /* ---------------------------- text ---------------------------- */
  
  .margin-left-small {
    margin-left: 0.8cm;
  }

  .table-text {
    font-size: 12pt;
  }
  
  .text-center,
  .center,
  .print-center {
    text-align: center;
  }
  
  .right {
    text-align: right;
  }

  h2 {
    margin-left: 0%;
  }
  
  h3 {
    text-decoration: underline;
    padding-top: 3pt;
    padding-bottom: 3pt;
    margin: 0;
    font-size:large;
  }
  
  h3>span.icon {
    margin-right: 0cm;
    color: var(--orange-theme-color);
  }
  
  .no-margin-top {
    margin-top: 0;
  }
  
  .padding-top {
    padding-top: 1cm;
  }
  
  .satisfaction {
    font-size: 200%;
    /* padding: 0%; */
  }
  
  .fs-small {
    font-size: 10pt;
  }
  
  li {
    margin-top: 5pt;
  }
  
  li.inline {
    display: inline;
    text-decoration: none;
  }
  
  ul.inline {
    padding-left: 0;
  }
  
  /* ---------------------------- break ---------------------------- */
  
  .break-after {
    break-after: page;
    page-break-after: always;
  }
  
  .break-before {
    break-before: page;
    page-break-before: always;
  }
  
  tr,
  td,
  .no-break-inside {
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
  }
  
  p, blockquote {
    orphans: 3; /* pas de ligne seule en bas */
    widows: 3; /* pas de ligne seule en haut */
    margin-top: 5pt;
  }
  
  
  /* ---------------------------- print & display ---------------------------- */
  
  .print {
    display: block; /* affichage des éléments de classe print */
  }
  
  .no-print {
    display: none !important;
  }
  
  .no-screen {
    display: flex;
    justify-content: space-between;
  }
  
  .print-logo {
    width: 4cm;
  }
  
  a {
    color: #000!important;
    text-decoration: underline!important;
  }
  
  a[href]:after {
    content: " (" attr(href) ")"; /* affichage des URL des liens */
  }
  
  .card {
    border: var(--blue-theme-color) solid 1px;
    border-radius: var(--border-radius);
    margin-top: 5rem;
  }

  .card-header {
    font-weight: bolder;
    background-color: var(--blue-theme-l4-color);
    border-bottom: var(--blue-theme-color) solid 1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 0.3em 1.5em;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  
  .card-title {
    text-align: center;
  }
  
  .cadre {
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: var(--blue-theme-color) solid 1px;
    margin: 0 auto;  
    padding: 0.6cm 1cm;  
    width: 100%;
    min-width: 100%;
  }
  
  .container-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    row-gap: 2.5cm;
    margin: 3cm auto; 
  }
  
  .column-gap {
    column-gap: 1rem;
  }
  
  .flex {
    display: flex;
    justify-content: space-evenly;
  }
  
  .flex-space-between {
    display: flex;
    justify-content: space-between;
  }
  
  .vertical-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .contour-page {
    margin-top: 20pt;
    margin-bottom: 20pt;
  }
  
  .contour-section {
    padding: 5pt;
  }
  
  .w-50 {
    min-width: 50%;
    width: 50%;
    max-width: 50%;
  }
  
  .rounded-top {
    border-top-left-radius: calc(var(--border-radius) - 1px);
    border-top-right-radius: calc(var(--border-radius) - 1px);
  }
  
  .rounded-bottom-right {
    border-bottom-right-radius: calc(var(--border-radius) - 1px);
  }
  
  .rounded-bottom-left {
    border-bottom-left-radius: calc(var(--border-radius) - 1px);
  }
  
  .card-section-left, 
  .card-section-right {
    box-sizing: border-box;
    padding: 0.3cm;
    
  }
  
  .text-theme {color:#22525d !important}
  
  .free-answer-header {
    background-color: var(--blue-theme-l4-color);
    
    border-bottom: var(--blue-theme-color) solid 1px;
    border-top-left-radius: calc(var(--border-radius) - 1px);
    border-top-right-radius: calc(var(--border-radius) - 1px);
    padding: 0.3em 1.5em;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  
  .rounded-top {
    border-top-left-radius: calc(var(--border-radius) - 1px);
    border-top-right-radius: calc(var(--border-radius) - 1px);
  }
  
  /* ---------------------------- table ---------------------------- */
  
  table {
    margin-top: 0cm;
    box-sizing: border-box;
  }
  
  .left-label-tr {
    width: 4%; 
    max-width: 8%;
  }
  
  .col19 {
    width: 23%;
    max-width: 24%;
  }
  
  .col-70 {
    min-width: 70mm !important;
    width: 70mm !important;
    max-width: 70mm !important;
  }
  
  .col-50pc {
    /* min-width: 100% !important; */
    width: 50% !important;
    /* max-width: 100% !important; */
  }
  
  .col-25pc {
    width: 25%;
  }
  
  
  th {
    text-align: center;
  }
  
  th, td {
    border-bottom: var(--grey-theme-color) solid 1px;
    padding: 0em 1em;
    break-inside: avoid-column;
  }
  
  .table-center {
    display: flex;
    flex-direction: column;
  }
}