@charset "utf-8";
/* CSS Document */

.souscription .first h1{
	font-size: 48px;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	}
.souscription h4, .souscriptionh3{
	color: var(--theme5);
	letter-spacing: -1px;
	font-size: 1.2em;
}
.div-societe, .div-statut, .div-avocat, .div-adresses, .div-formules {
  padding: 20px 0;
}
.div-societe .row.pb-4, 
.div-statut .row.pb-4, 
.div-avocat .row.pb-4, 
.div-adresses .row.pb-4 {
  padding-bottom: 10px !important;
  padding-left: 20px;
}
.div-pays-dom.none {
  position: absolute;
  left: -2500px;
}
.div-adresses .row.pb-4 p {
  margin-bottom: 0;
}
.descriptif.gris{
	border: solid 1px var(--theme5);
	background-color:var(--theme3);
	box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.descriptif.gris ul{  list-style: none;padding-left: 15px;}
.descriptif.gris  li {list-style: circle;padding-left:0px;
}
/*
.descriptif.gris  li::before {
	font-family: 'ico';
	content: "\f114";
	font-size: 0.5rem;
	line-height: 0.5rem;
	color:var(--theme6);
	padding-right:1rem;
	position:relative;
	le*/
.txt-center{color:var(--theme6);padding-bottom:10px;}
.p-note {color:var(--theme6);font-size:100%;}
#centre{background-color:var(--theme3);padding:  30px;border-radius: 30px;margin-bottom:50px;}
#DivFormule .col-10, #DivFormule .col-11, #DivFormule .col-lg-11 {
	padding: 10px 0 10px 30px;
	border-width: 2px;
	border-color: var(--theme5);
	background-color:var(--theme3);
	border-style: solid;
	max-width: 80%;
	border-radius: 5px;
	box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
}
#DivFormule .col-1, #DivFormule .col-lg-1, #DivFormule .col-2 {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#DivOptions .form-check{ padding-bottom:1em;display:block;}
#DivOptions .col-12{
	display: flex;
}
#DivOptions .form-check{padding:1em;border:1px solid #e1e7ef;border-radius:15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 20px;
	margin-bottom: 14px;
	border: 2px solid #d9dee7;
	border-radius: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}
#DivOptions .form-check:hover {
	border-color: var(--theme1);
}
#DivOptions .form-check .form-check-input{margin-left: 0em;margin-right:1em;}
.option-titre{min-width:200px;max-width:200px;}
/* Checkbox rond */
.form-check-input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	min-width: 24px;
	border: 2px solid #c8ced8;
	border-radius: 50%;
	margin-right: 18px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease;
}

.option-titre{display:block;color:var(--w-blue2);}

/* Checkbox rond */
.form-check-input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	min-width: 24px;
	border: 2px solid #c8ced8;
	border-radius: 50%;
	margin-right: 18px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease;
}

/* Checkbox cochée */
.form-check-input:checked {
	border-color: var(--theme1);
	background: var(--theme2);
	}

/* Icône check */
.form-check-input:checked::after {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	font-size: 14px;
	font-weight: bold;
	color: var(--theme1);
	}

/* Bloc gauche */
.form-check-label {
	flex: 1;
	font-size: 16px;
	font-weight: 600;
	color: #0b1f44;
	line-height: 1.4;
	}

/* Prix */
.option-puht {
	text-align: right;
	font-size: 14px;
	font-weight: 700;
	color: #0b1f44;
	line-height: 1.2;
	min-width:80px;
	}
/* HT / MOIS */
.option-ht{	padding-left:10px;}
.option-ht, .option-period {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 600;
	color: #6f7b91;
	text-transform: uppercase;
}

/* Etat sélectionné */
.form-check:has(.form-check-input:checked) {
	border-color: #d4af37;
	background: var(--theme4);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.08);
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background-color: var(--theme5);
	font-weight: normal;
	color: #ffffff;
}
.inputnone {
	display: none;
}
.codepro{padding:30px 0;}
.option-titre{font-weight: bolder;}

.recap .btn-default {
	background-color: var(--theme4);
	border: 2px solid var(--theme5);
	color: var(--theme5);
	border-radius: 30px;
}
.recap .btn-default:hover, .recap .btn-default:focus {
	background-color:var(--theme3);
	border: 2px solid var(--theme1);
	color: var(--theme1);
}
.div-formules br{display:none;}
.form-titre{display:block;}
.span-moisht{font-family: "bold"; }
.span-ht{font-size: 150%;}
.span-mensualite{display:block;padding-left:10px;color:var(--theme6);}
.span-ttc{color:var(--theme5);font-size: 100%;}

.form-check-input:focus {
	border-color: var(--theme1);
	outline: 0;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}