/* Begining of advanced designer */
/*PREFERENCES STYLE*/
/*  1 - Preferences style */
/*  1 - FONT FAMILY */
.form-all {
  font-family: "Inter", sans-serif;
}
/* 2 - FORM WIDTH */
.form-all {
  max-width: 752px;
}
/* 5 - FONT SIZE */
.form-all {
  font-size: 16px;
}
/* 5 - input bg color */
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
  background-color: #ffffff;
}
/* 10 - LINE SPACING */
.form-line {
  margin-top: 5px;
  margin-bottom: 5px;
}
.supernova .form-all,
.form-all {
  background-color: rgba(255, 255, 255, 0.88);
}
.supernova {
  background-color: #ffffff;
}
.supernova body {
  background-color: transparent;
}
.form-all,
.form-label-top,
.form-label-left,
.form-label-right,
.form-html,
.form-checkbox-item label,
.form-radio-item label,
span.FITB .qb-checkbox-label,
span.FITB .qb-radiobox-label,
span.FITB .form-radio label,
span.FITB .form-checkbox label,
[data-blotid][data-type=checkbox] [data-labelid],
[data-blotid][data-type=radiobox] [data-labelid],
span.FITB-inptCont[data-type=checkbox] label,
span.FITB-inptCont[data-type=radiobox] label,
.form-sub-label {
  color: #2c3344;
}
/*PREFERENCES STYLE*/
/* 17 - INPUT WIDTHS */
/*  20 - FORM PADDING */
ul.form-section {
  padding: 0px 38px;
}
/* Heights */
/* 11 - LINE PADDING */
/* LABEL STYLE */
/* 12 - ROUNDED INPUTS */
.form-radio-item,
.form-checkbox-item {
  padding-bottom: 0px;
}
.form-radio-item:last-child,
.form-checkbox-item:last-child {
  padding-bottom: 0;
}
.form-checkbox-item .form-checkbox + label,
.form-checkbox-item .form-checkbox + span {
  padding-left: 30px;
}
.form-radio-item .form-radio + label,
.form-radio-item .form-radio + span {
  padding-left: 30px;
}
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item {
  width: 100%;
}
.form-checkbox-item .editor-container div,
.form-radio-item .editor-container div {
  position: relative;
}
.form-checkbox-item .editor-container div:before,
.form-radio-item .editor-container div:before {
  display: inline-block;
  vertical-align: middle;
  left: 0;
  width: 20px;
  height: 20px;
}
.form-checkbox-item input,
.form-radio-item input {
  margin-top: 2px;
}
.form-checkbox:checked + label:before,
.form-checkbox:checked + span:before {
  background-color: #2e69ff;
  border-color: #2e69ff;
}
.form-radio:checked + label:before,
.form-radio:checked + span:before {
  border-color: #2e69ff;
}
.form-radio:checked + label:after,
.form-radio:checked + span:after {
  background-color: #2e69ff;
}
.form-checkbox:hover + label:before,
.form-checkbox:hover + span:before,
.form-radio:hover + label:before,
.form-radio:hover + span:before {
  border-color: rgba(46, 105, 255, 0.5);
  box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25);
}
.form-checkbox:focus + label:before,
.form-checkbox:focus + span:before,
.form-radio:focus + label:before,
.form-radio:focus + span:before {
  border-color: #2e69ff;
  box-shadow: 0 0 0 3px rgba(46, 105, 255, 0.25);
}
.submit-button {
  font-size: 16px;
  font-weight: normal;
  font-family: inherit;
  border-color: #fea720;
}
.submit-button {
  min-width: 180px;
}
li[data-type="control_button"] .form-submit-button {
  color: #000000;
}
.form-submit-button,
.form-submit-reset,
.form-submit-print {
  border-radius: 100px;
}
.form-pagebreak-back,
.form-pagebreak-next {
  border-radius: 100px;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: normal;
  border: none;
  border-width: 0px;
  border-style: solid;
  border-color: false;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next {
  min-width: 128px;
}
.form-all li[data-type="control_pagebreak"] .form-pagebreak-next {
  background-color: #fea720;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  color: #2c3345;
}
.form-all li[data-type="control_pagebreak"] .form-pagebreak-next:hover {
  background-color: #b77001;
}
.form-all li[data-type="control_pagebreak"] button.jf-form-buttons.form-sacl-button {
  color: #fea720;
  border-color: #fea720;
  background-image: none;
  background-color: #fff;
  color: #2c3345;
}
.form-all li[data-type="control_pagebreak"] button.jf-form-buttons.form-sacl-button:hover {
  background-color: #b77001;
  color: #fff;
}
.form-all li[data-type="control_pagebreak"] button.jf-form-buttons.form-pagebreak-back {
  background-image: none;
  background-color: #b77001;
  box-shadow: none;
  text-shadow: none;
  color: #2c3345;
}
.form-all li[data-type="control_pagebreak"] button.jf-form-buttons.form-pagebreak-back:hover {
  background-color: #845101;
  color: #fff;
}
li[data-type="control_image"] div {
  text-align: left;
}
li[data-type="control_image"] img {
  border: none;
  border-width: 0px !important;
  border-style: solid !important;
  border-color: false !important;
}
.supernova {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-attachment: fixed;
  background-size: auto;
  background-size: cover;
}
.supernova {
  background-image: none;
  background-image: url("https://www.jotform.com/uploads/Bruno_Fortin/form_files/Mariage.66ddd9746e7e32.17596847.jpg");
}
#stage {
  background-image: none;
  background-image: url("https://www.jotform.com/uploads/Bruno_Fortin/form_files/Mariage.66ddd9746e7e32.17596847.jpg");
}
/* | */
.form-all {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;
}
.form-header-group {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
}
.header-large h1.form-header {
  font-size: 2em;
}
.header-large h2.form-header {
  font-size: 1.5em;
}
.header-large h3.form-header {
  font-size: 1.17em;
}
.header-large h1 + .form-subHeader {
  font-size: 1em;
}
.header-large h2 + .form-subHeader {
  font-size: .875em;
}
.header-large h3 + .form-subHeader {
  font-size: .75em;
}
.header-default h1.form-header {
  font-size: 2em;
}
.header-default h2.form-header {
  font-size: 1.5em;
}
.header-default h3.form-header {
  font-size: 1.17em;
}
.header-default h1 + .form-subHeader {
  font-size: 1em;
}
.header-default h2 + .form-subHeader {
  font-size: .875em;
}
.header-default h3 + .form-subHeader {
  font-size: .75em;
}
.header-small h1.form-header {
  font-size: 2em;
}
.header-small h2.form-header {
  font-size: 1.5em;
}
.header-small h3.form-header {
  font-size: 1.17em;
}
.header-small h1 + .form-subHeader {
  font-size: 1em;
}
.header-small h2 + .form-subHeader {
  font-size: .875em;
}
.header-small h3 + .form-subHeader {
  font-size: .75em;
}
.form-header-group {
  text-align: left;
}
div.form-header-group.header-large,
div.form-header-group.hasImage {
  margin: 0px -38px;
}
div.form-header-group.header-large,
div.form-header-group.hasImage {
  padding: 40px 52px;
}
.form-header-group .form-header,
.form-header-group .form-subHeader {
  color: -1;
}
.form-line-error {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: none;
}
.form-line-error .form-error-message {
  background-color: #f23a3c;
  clear: both;
  float: none;
}
.form-line-error .form-error-message .form-error-arrow {
  border-bottom-color: #f23a3c;
}
.form-line-error input:not(#coupon-input),
.form-line-error textarea,
.form-line-error .form-validation-error {
  border: 1px solid #f23a3c;
  box-shadow: 0 0 3px #f23a3c;
}
.form-line-active {
  background-color: #f1f5ff;
}
/* 29 - FORM COLUMNS */

/*__INSPECT_SEPERATOR__*/
/* ---- Cadre harmonisé ---- */
<div id="input_281">
  <table>
    <tbody><tr>
      <td><strong><span style="font-size:18pt;">Option 1 :</span></strong></td>
      <td><strong><span style="font-size:18pt;">Responsabilité Civile</span></strong></td>
      <td><strong><span style="font-size:18pt;">168,25 $</span></strong></td>
    </tr>
  </tbody></table>
  <span>taxe et frais inclus</span>

  <div class="table-wrap">
    <table class="coverage">
      <thead>
        <tr>
          <th>Garanties</th>
          <th class="num">Franchise</th>
          <th class="num">Limite $</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>Dommages corporels et matériels – par sinistre</td><td class="num"></td><td class="num">2 000 000</td></tr>
        <tr><td>Responsabilité pour Abus – montant global</td><td class="num"></td><td class="num">2 000 000</td></tr>
        <tr><td>Montant global pour risque produits – après travaux – par période d’assurance</td><td class="num"></td><td class="num">2 000 000</td></tr>
        <tr><td>Franchise applicable au dommage matériel</td><td class="num">1 000 $</td><td class="num"></td></tr>
        <tr><td>Préjudice personnel et préjudice imputable à la publicité</td><td class="num"></td><td class="num">2 000 000</td></tr>
        <tr><td>Frais médicaux – par personne (25 000 $ Global)</td><td class="num"></td><td class="num">10 000</td></tr>
        <tr><td>Responsabilité locative – par lieu</td><td class="num">1 000 $</td><td class="num">250 000</td></tr>
        <tr><td>F.P.Q. no 6 – Police d’assurance automobile du Québec – Formule des non-propriétaires</td><td class="num"></td><td class="num">2 000 000</td></tr>
        <tr><td>F.A.Q. no 6-94 – Responsabilité civile pour dommage à des véhicules loués et/ou utilisés en vertu de contrats</td><td class="num">1 000 $</td><td class="num">50 000</td></tr>
      </tbody>
    </table>
    <p>En cas de disparité entre ce tableau et les garanties de la police émise, celles de la police prévaudront</p>
  </div>
</div>


#input_250 > div {
    border : 2px solid #ccc;
    border-radius : 12px;
    padding : 20px;
    max-width : 750px;
    margin : auto;
    font-family : Arial, sans-serif;
    color : #23313f;
    background : #fff;
}

/* ---- En-tête ---- */
#input_250 table:first-of-type {
    width : 100%!important;
    border-collapse : collapse;
    margin-bottom : 6px;
}

#input_250 table:first-of-type td:nth-child(1) {
    font-weight : 700;
    font-size : 15pt;
}

#input_250 table:first-of-type td:nth-child(2) {
    text-align : right;
    font-weight : 800;
    font-size : 15pt;
    white-space : nowrap;
}

/* mention taxe et frais inclus */
#input_250 table:first-of-type + div {
    text-align : right;
    font-size : 11px;
    color : #555;
    margin-bottom : 12px;
}

/* conteneur */
#id_XXX .form-radio-item {
    display : inline-block;
    margin : 6px 12px;
    border : 2px solid #ccc;
    border-radius : 8px;
    padding : 8px 14px;
    font-weight : 600;
    cursor : pointer;
    transition : all 0.2s ease;
}

/* effet hover */
#id_XXX .form-radio-item:hover {
    border-color : #004a80;
    background : #f5f8fb;
}

/* quand sélectionné */
#id_XXX .form-radio-item input:checked + label {
    border-color : #004a80;
    background : #e8f2fb;
    color : #004a80;
}

/* ---- Sous-titre ---- */
#input_250 .subhead {
    font-weight : 700;
    margin-bottom : 10px;
    font-size : 12pt;
    color : #004a80;
    /* bleu accent */;
}

/* ---- Liste avec icônes ---- */
#input_250 ul {
    list-style : none;
    padding : 0;
    margin : 0;
    font-size : 11pt;
    line-height : 1.45;
}

#input_250 ul li {
    margin : 4px 0;
}

#input_250 ul li::before {
    content : "✔";
    color : green;
    font-weight : bold;
    margin-right : 6px;
}

.form-label.form-label-auto {
    display : block;
    float : none;
    text-align : left;
    width : 100%;
}

/* Masquer la 2e option de la question 282 */
#input_282_1,
label[for="input_282_1"] {
    display : none !important;
}

/* Masquer la 1re option de la question 283 */
#input_283_0,
label[for="input_283_0"] {
    display : none !important;
}

/* Agrandir seulement les radios et leur texte (questions #id_282 et #id_283) */
#id_282 .form-radio-item,
#id_283 .form-radio-item {
    display : inline-flex;
    align-items : center;
    gap : 10px;
    /* espace entre le rond et le texte */
  line-height : 1.3;
}

#id_282 .form-radio-item input[type="radio"],
#id_283 .form-radio-item input[type="radio"] {
    transform : scale(1.45);
    /* taille du rond */
  transform-origin : left center;
    margin : 0;
    /* évite les décalages bizarres */
  accent-color : #004a80;
    /* couleur du rond coché (navigateurs récents) */;
}

#id_282 .form-radio-item label,
#id_283 .form-radio-item label {
    font-size : 16px;
    /* texte plus gros */
  font-weight : 600;
    /* un peu plus gras */
  color : #23313f;
}

/* Optionnel: un peu plus d'espace vertical autour de la question */
#id_282, #id_283 {
    margin : 12px 0 8px !important;
}

/* Optionnel mobile: réduire légèrement pour éviter les retours à la ligne */
@media (max-width: 480px){
}

#id_282 .form-radio-item label,
  #id_283 .form-radio-item label {
    font-size : 15px;
}