﻿/* Groupe vertical de boutons radio */
.radio-group-vertical {
  display: flex;
  flex-direction: column;
  gap: 0.6rem; /* espacement entre les choix */
}

/* Chaque ligne de réponse */
.radio-group-vertical .form-check {
  display: flex;
  align-items: flex-start;
}

.radio-group-vertical label {
  font-size: 1rem;
  line-height: 1.4;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}

.radio-group-vertical input[type="radio"] {
  margin-right: 0.6rem;
  margin-top: 0.2rem;
  transform: scale(1.1);
  accent-color: #1a355e; 
}

.radio-group-vertical label:hover {
  background-color: #f6f6f6;
  border-radius: 4px;
}

.compact {
  margin-bottom: 0.3rem;
}

.EncartGris {
    border: 1px solid #c5cad2;
    padding: 1.5rem;
    margin: 2.25rem 0 1.65rem;
}

.EncartGris > h4,
.EncartGris > strong{
	display: table;
    background-color: #fff;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    padding: .25rem .65rem !important;
    margin: -2.35rem 0 .65rem -0.65rem !important;
    line-height: 1 !important;
	font-family: inherit
}

.form-check input[type="checkbox"] {
  width: 1.15rem;
  height: 1.15rem;
  transform: scale(1.3);
  border: 2px solid currentColor; 
  margin-right: 0.5rem; 
  cursor: pointer;
}


.radio-group-inline {
  display: flex;
  gap: 1rem; 
  flex-wrap: wrap;
}

.btn-radio-multiples{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  color: #1a355e;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;

}

.btn-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border: 1px solid #1a355e;
  border-radius: 0.5rem;
  padding: 0.6rem 1.4rem;
  font-weight: 600;
  color: #1a355e;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}


.btn-radio input[type="radio"], .btn-radio-multiples input[type="radio"]{
  width: 1.2rem;
  min-width:1.2rem!important;
  height: 1.2rem;
  accent-color: #1a355e;
  cursor: pointer;
}


.btn-radio:hover, .btn-radio-multiples:hover {
  background-color: #f3f6fb;
}


.btn-radio input[type="radio"]:checked, .btn-radio-multiples input[type="radio"]:checked {
  background-color: #e7edf7;
}


.btn-radio input[type="radio"]:focus-visible, .btn-radio-multiples input[type="radio"]:focus-visible {
  outline: 2px solid #1a355e;
  outline-offset: 2px;
}

.liens-sequentiels {
    margin: 2rem 0 3rem;
}
.liens-sequentiels ul {
    border-top: 1px solid #c5cad2;
    border-bottom: 1px solid #c5cad2;
    margin: 0;
    padding: 0;
    list-style-type: none!important;
    display: flex;
    justify-content: space-between;
}
.liens-sequentiels li {
    margin: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    background: none !important;
}
.liens-sequentiels a:hover {
    background-color: #f1f1f2;
}
.liens-sequentiels a {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    padding: 16px 8px 15px 8px;
    text-decoration: none;
    color: #095797;
    justify-content: space-between;
    align-items: center;
}
.liens-sequentiels .precedent p {
    background-position: left center;
}
.liens-sequentiels a p {
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    line-height: 24px;
    color: #223654;
    background-repeat: no-repeat;
}
.liens-sequentiels a .lien {
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: 400;
    display: block;
    width: 100%;
}
.liens-sequentiels ul > li:first-child {
    margin-top: 0;
}
.liens-sequentiels a span.lien.suivant{
	padding-left: 0!important;
	padding-right: 0!important;
}

.conteneur-lien.precedent {
  text-align: left;
}

.conteneur-lien.suivant {
  text-align: right;
  
}
.conteneur-lien{
	margin-right:24px;!important;
	margin-left:24px; !important;

}

.fil-ariane.col-lg-8.offset-lg-1 {
    margin-left:0 !important;
    max-width: 100% !important;
}

