html,body { width:100%; height:100%; padding:0px; margin:0px; /* min-width:100vw; */ overflow-x:hidden !important; }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }
.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop { }
.mobile { display:block; }
.columns { display:flex; list-style-type:none; }
.columns > .column { flex:1; }
.columns > li { flex:1; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }
.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }
.carousel > .carousel-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.carousel > .carousel-inner > .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }
#error-message {
position: fixed;
left: 0px;
top: 0px; /* bottom: 0px; */
right: 0px;
padding: 20px;
background-color: #ff0000;
color: #ffffff;
text-align: center;
transition: all 0.5s ease;
transform:translateY(-100%);
cursor:pointer; z-index:666;
}
#error-message.active { transform:translateY(0); }
/****** // ******/
body {
min-width:320px; /* 100vw */
background: #fff;
font-family:'Open Sans', sans-serif;
font-size: 16px;
overflow-x: hidden;
}
header { position:relative; display:block; width:810px; margin:0px auto 70px auto; padding-top:30px; }
header p { font-size:13px; margin-bottom:15px; }
header ul.menu { list-style-type:none; border-bottom:solid 2px #F5F7FA; margin-bottom:30px; }
header ul.menu > li { display:inline-block; margin-bottom:-2px; }
header ul.menu > li > a { display:block; height:50px; line-height:50px; padding:0px 30px; border-bottom:solid 4px transparent; font-weight:800; font-size:16px; color:#AFAFAF; text-decoration:none !important; }
header ul.menu > li.active > a { border-bottom:solid 4px #f56b2a; color:#000; }
h1 { position:relative; font-weight:bold; font-size:12px; color:#000; margin-bottom:30px; }
h1 strong { display:block; font-size:25px; color:#f56b2a; }
h1.pinel, h1.lmnp { padding-left:55px; }
h1.pinel:before, h1.lmnp:before { content:" "; position:absolute; left:0px; top:0px; width:45px; height:45px; background:transparent url('../img/logo-pinel.svg') no-repeat; }
h2 { font-weight:bold; font-size:16px; margin-bottom:15px; }
ul.avantages { list-style-type:none; margin-bottom:30px; }
ul.avantages > li { display:inline-block; padding:15px 30px 15px 15px; background:#F5F7FA; font-size:12px; margin-right:10px; }
ul.eligibles { display:block; list-style-type:none; margin-bottom:30px; overflow:hidden; }
ul.eligibles > li { display:inline; float:left; width:50%; line-height:30px; font-size:13px; font-weight:bold; }
main { position:relative; display:block; width:810px; height:420px; margin:auto; overflow:visible; box-shadow:0px 0px 37px #00000052; margin-bottom:50px; }
main .steps { position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow:hidden; background:linear-gradient(160deg, #f0f5fc, #fff); }
main section { padding:30px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; height:420px; transition:all 0.4s ease; transform:translateX(100%); }
main section.active { transform:translateX(0); }
main section.checked { transform:translateX(-100%); }
main .steps.resultat { }
main .steps.resultat section { transform:translateX(-100%); }
main .steps.resultat section#resultat { transform:translateX(0); }
.btn-continue { display:inline-block; height:40px; line-height:40px; border-radius:20px; padding:0px 20px; background:#F56B2A; color:#fff !important; text-decoration:none !important; font-size:12px; font-weight:bold; border:none; }
.btn-back { display:block; width:48px; height:48px; line-height:48px; text-align:center; background:#fff; border-radius:24px; position:absolute; left:40px; bottom:40px; }
.btn-restart { display:inline-block; height:40px; line-height:40px; border-radius:20px; padding:0px 20px; background:#E8F2FF; color:#AFAFAF !important; text-decoration:none !important; font-size:12px; font-weight:bold; }
.form-group .control-label { font-size:16px; color:#707070; font-weight:normal; margin-bottom:15px; }
.form-group .control { height:40px; line-height:40px; border-radius:20px; box-sizing:content-box; }
.form-group .form-control { height:40px; line-height:40px; border-radius:20px; background:#fff; border:none; box-shadow:none !important; outline:none !important; }
.form-group .form-control[type="number"],
.form-group .form-control.montant { text-align:right; }
.form-group .form-control[name="telephone"] { text-align:left; }
.form-group .input-group .input-group-addon { border-radius:0px 20px 20px 0px; border:none; background:#fff; color:#111; font-weight:bold; }
.form-group.hidden { display:none; }
.form-group.error .control { border:solid 1px #ff0000; }
#menu-simulateur { list-style-type:none; height:48px; position:absolute; left:0px; top:-48px; right:0px; display:flex; }
#menu-simulateur > li { flex:1; }
#menu-simulateur > li:first-child { margin-right:10px; }
#menu-simulateur > li:last-child { margin-left:10px; }
#menu-simulateur > li > a { display:block; width:100%; height:48px; line-height:48px; text-align:center; font-size:16px; font-weight:800; color:#000; text-decoration:none !important; background:#f0f5fc; }
main[data-typeSimulation="capaciteEpargne"] #menu-simulateur > li:last-child > a { background:#E2E5E8; }
main[data-typeSimulation="prixLogement"] #menu-simulateur > li:first-child > a { background:#E2E5E8; }
#nav-simulateur { position:absolute; left:0px; bottom:0px; right:0px; height:120px; text-align:center; display:none; }
#nav-simulateur [type="submit"] { display:none; }
main[data-currentStep="pinel-2"] #nav-simulateur { display:block; }
main[data-currentStep="pinel-3"] #nav-simulateur { display:block; }
main[data-currentStep="pinel-4"] #nav-simulateur { display:block; }
main[data-currentStep="pinel-5"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-2"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-3"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-4"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-5"] #nav-simulateur { display:block; }
main[data-currentStep="coordonnees"] #nav-simulateur { display:block; }
main[data-currentStep="coordonnees"] #nav-simulateur a.btn-continue { display:none; }
main[data-currentStep="coordonnees"] #nav-simulateur [type="submit"] { display:inline-block; }
#progress { width:90%; display:block; margin:0px auto 15px auto; }
#progress p { margin-bottom:1%; font-size:11px; font-weight:bold; color:#F56B2A; }
#progress ul.etapes { display:flex; justify-content:space-around; list-style-type:none; width:50%; margin:auto; }
#progress ul.etapes > li { height:7px; background:#E2E5E8; border-radius:4px; }
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes > li { width:20%; }
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes > li:nth-child(5) { display:none; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(4) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"] #progress ul.etapes > li { width:15%; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(4) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(4),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(5) { background:#F56B2A; }
body.simulateur-lmnp #progress ul.etapes { width:35%; }
body.simulateur-lmnp main #progress ul.etapes > li { width:27%; }
body.simulateur-lmnp main[data-currentStep="lmnp-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
body.simulateur-lmnp main[data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
body.simulateur-lmnp main[data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
body.simulateur-lmnp main[data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"] #progress ul.etapes > li { width:27%; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"] #progress ul.etapes > li:nth-child(4) { display:none; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
#error-message { position:absolute; left:0px; bottom:-20px; right:0px; top:auto; margin:auto; width:80%; border-radius:8px; background:#ff0000; color:#fff; padding:15px; transition:all 0.4s ease; transform:translateY(100%); opacity:0; box-shadow:0 0 10px rgba(0,0,0,0.3); }
#error-message.active { transform:translateY(0); opacity:1; }
#coordonnees { padding-top:6%; }
#coordonnees .columns > .column { margin-right:2%; }
#coordonnees .control-label { text-align:center !important; }
#coordonnees #optout { position:relative; width:95%; margin:30px auto 0px auto; }
#coordonnees #optout label { text-align:right; margin-right:30px; font-weight:normal; font-size:12px; color:#fff;}
#coordonnees #optout [type="checkbox"] { position:absolute; right:0px; top:0px; width:20px; height:20px; }
#pinel-1 { padding:0px; }
#pinel-1 .columns { height:100%; }
#pinel-1 .columns > .column { text-align:center; padding-top:10%; }
#pinel-1 .columns > .column:first-child { border-right:dashed 2px #f56b2a; }
#pinel-1 .form-group { max-width:230px; margin:0 auto 30px auto; }
#pinel-1 .control-label { margin-bottom:30px; }
#pinel-2,
#pinel-3,
#pinel-4,
#pinel-5 { padding:5% 10%; }
#pinel-2 .columns > .column:first-child,
#pinel-3 .columns > .column:first-child,
#pinel-4 .columns > .column:first-child,
#pinel-5 .columns > .column:first-child { margin-right:5%; }
#pinel-2 .columns > .column:last-child,
#pinel-3 .columns > .column:last-child,
#pinel-4 .columns > .column:last-child,
#pinel-5 .columns > .column:last-child { margin-left:5%; }
#lmnp-1 { padding:0px; }
#lmnp-1 .columns { height:100%; }
#lmnp-1 .columns > .column { text-align:center; padding-top:10%; }
#lmnp-1 .columns > .column:first-child { border-right:dashed 2px #f56b2a; }
#lmnp-1 .form-group { max-width:230px; margin:0 auto 30px auto; }
#lmnp-1 .control-label { margin-bottom:30px; }
#lmnp-2,
#lmnp-3,
#lmnp-4,
#lmnp-5 { padding:5% 10%; }
#lmnp-2 .columns > .column:first-child,
#lmnp-3 .columns > .column:first-child,
#lmnp-4 .columns > .column:first-child,
#lmnp-5 .columns > .column:first-child { margin-right:5%; }
#lmnp-2 .columns > .column:last-child,
#lmnp-3 .columns > .column:last-child,
#lmnp-4 .columns > .column:last-child,
#lmnp-5 .columns > .column:last-child { margin-left:5%; }
#resultat .content .content-tabs { list-style-type:none; text-align:center; margin-bottom:15px; }
#resultat .content .content-tabs > li { display:inline-block; }
#resultat .content .content-tabs > li a { display:inline-block; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:transparent; color:#707070; font-size:12px; font-weight:bold; white-space:nowrap; text-decoration:none !important; }
#resultat .content .content-tabs > li.active a { background:#F56B2A; color:#fff; }
#resultat .content .content-viewer { position:relative; height:0px; padding-bottom:30%; margin-bottom:15px; overflow:hidden; }
#resultat .content .content-viewer .content-view { position:absolute; left:0px; top:0px; right:0px; bottom:0px; transition:all 0.4s ease; transform:translateY(100%); }
#resultat .content .content-viewer .content-view.active { transform:translateY(0); }
#resultat ul.buttons { list-style-type:none; text-align:right; }
#resultat ul.buttons > li { display:inline-block; }
#resultat ul.buttons > li:first-child { float:left; }
#resultat #general .columns > .column { background:#E8F2FF; color:#000; font-weight:bold; text-align:center; font-size:14px; padding:2% 0; }
#resultat #general .columns > .column span { display:block; color:#F56B2A; font-size:20px; }
#resultat #general .columns:first-child { margin-bottom:2%; }
#resultat #general .columns > .column:first-child { margin-right:1%; }
#resultat #general .columns > .column:last-child { margin-left:1%; }
#resultat #financement { background:#E8F2FF; padding:15px; text-align:center; }
#resultat #financement .chart-view { display:inline-block; width:180px; height:180px; margin-right:30px; }
#resultat #financement .chart-legend { display:inline-block; list-style-type:none; vertical-align:top; margin-top:30px; }
#resultat #financement .chart-legend > li { display:block; text-align:left; line-height:30px; font-size:13px; }
#resultat #rendement { text-align:center; }
#resultat #rendement .result { display:inline-block; padding:0px 30px; height:80px; background:#E8F2FF; margin-bottom:15px; }
#resultat #rendement .result .result-value { display:inline-block; height:80px; line-height:80px; font-weight:bold; font-size:40px; color:#F56B2A; vertical-align:top; margin-right:10px; }
#resultat #rendement .result .result-label { display:inline-block; height:80px; line-height:80px; font-weight:bold; font-size:15px; color:#000; vertical-align:top; }
#resultat #rendement .mentions { font-size:13px; text-align:center; }
#resultat #synthese { }
ul.synthese { list-style-type:none; }
ul.synthese > li { display:inline; float:left; width:49%; margin-right:1%; background:#E8F2FF; margin-bottom:2%; height:40px; line-height:40px; padding:0px 20px 0px 20px; font-size:12px; }
ul.synthese > li:nth-child(even) { margin-right:0px; margin-left:1%; }
ul.synthese > li span { font-weight:bold; font-size:15px; float:right; }
/****** Tooltips - Infobulles ******/
/* .tip {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
border-radius: 7px;
background: #F56B2A;
color: #fff;
font-size: 10px;
vertical-align: middle;
cursor: pointer;
margin-left: 5px;
}
.tip:after {
content: "?";
position: absolute;
left: 0px;
top: 0px;
width: 14px;
height: 14px;
color: #fff;
} */
.tip { position:relative; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:10px; background:#F56B2A; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; cursor:pointer; margin-left:5px; }
.tip:after { content:"?"; position:absolute; left:0px; top:0px; width:20px; height:20px; color:#fff; }
.tip-bubble { display:inline-block; white-space:normal; position:relative; top:20px; width:200px; margin-left:-100px; padding:8px 10px; background:#F7F7F7; border:solid 1px #ddd; font-size:13px; font-weight:normal; line-height:1.3em; color:#242D4A; border-radius:5px; box-shadow:0px 0px 6px rgba(0,0,0,0.3); z-index:21; transition:all 0.4s ease; transform:scale(0.6); opacity:0; user-select:none; }
.tip-bubble.active { transform:scale(1); opacity:1; }
footer { width:810px; max-width:100%; margin:0px auto 70px auto; }
footer.mentions { font-size:11px; padding:0px 15px; }
footer.mentions p { font-size:11px; margin-bottom:5px; text-align:justify; }
@media (min-width: 601px) {
.hide-desktop { display:none !important; }
}
@media (max-width: 600px) {
.hide-mobile { display:none !important; }
header { max-width:100%; padding-left:15px; padding-right:15px; }
header ul.menu > li > a { padding:0px 15px; font-size:4vw; }
h1 { font-size:3vw; line-height:1.3em; }
h1 strong { font-size:5vw; line-height:1.5em; }
ul.avantages > li { display:block; margin-bottom:10px; padding:15px; margin-right:0px; font-size:3.2vw; }
#error-message { position:fixed; left:0px; bottom:0px; right:0px; width:100%; border-radius:0px; }
#menu-simulateur > li > a { font-size:4vw; }
#menu-simulateur > li:first-child { margin-right:5px; }
#menu-simulateur > li:last-child { margin-left:5px; }
.btn-back { left:20px; }
.form-group .control-label { font-size:4vw; margin-bottom:5px; text-align:center; }
main { max-width:95vw; height:500px; }
main[data-typeSimulation="capaciteEpargne"] #pinel-1 .columns > .column:first-child { border:none; display:block; }
main[data-typeSimulation="capaciteEpargne"] #pinel-1 .columns > .column:last-child { border:none; display:none; }
main[data-typeSimulation="prixLogement"] #pinel-1 .columns > .column:first-child { border:none; display:none; }
main[data-typeSimulation="prixLogement"] #pinel-1 .columns > .column:last-child { border:none; display:block; }
#pinel-2 .columns,
#pinel-3 .columns,
#pinel-4 .columns,
#pinel-5 .columns,
#coordonnees .columns { flex-direction:column; }
#pinel-2 .columns > .column,
#pinel-3 .columns > .column,
#pinel-4 .columns > .column,
#pinel-5 .columns > .column { margin:0px !important; }
main[data-typeSimulation="capaciteEpargne"] #lmnp-1 .columns > .column:first-child { border:none; display:block; }
main[data-typeSimulation="capaciteEpargne"] #lmnp-1 .columns > .column:last-child { border:none; display:none; }
main[data-typeSimulation="prixLogement"] #lmnp-1 .columns > .column:first-child { border:none; display:none; }
main[data-typeSimulation="prixLogement"] #lmnp-1 .columns > .column:last-child { border:none; display:block; }
#lmnp-2 .columns,
#lmnp-3 .columns,
#lmnp-4 .columns,
#lmnp-5 .columns,
#coordonnees .columns { flex-direction:column; }
#lmnp-2 .columns > .column,
#lmnp-3 .columns > .column,
#lmnp-4 .columns > .column,
#lmnp-5 .columns > .column { margin:0px !important; }
#coordonnees #optout { font-size:3vw; font-weight:normal; }
}
.ui-menu .ui-menu-item { }
.ui-menu .ui-menu-item a { display:block; width:100%; text-decoration:none !important; font-family:"Open Sans", sans-serif; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
footer.mentions p { color:#333; }
footer.mentions a { color:#f56b2a !important; }
footer.mentions p.rgpd { font-weight:bold; }
#mentions-legales.modal-dialog { max-height:460px; padding:0px; position:fixed; left:0px; top:0px; right:0px; bottom:0px; margin:auto; }
#mentions-legales.modal-dialog > .modal-content { display:flex; flex-direction:column; height:100%; overflow:hidden; border-radius:0px 0px 6px 6px; }
#mentions-legales.modal-dialog > .modal-content > .modal-header { flex:1; max-height:70px; }
#mentions-legales.modal-dialog .modal-header h5 { line-height:50px; text-transform:uppercase; color:#f56b2a; margin-left:20px; }
#mentions-legales.modal-dialog .modal-header .close { position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; background:#000; color:#fff; opacity:1; }
#mentions-legales.modal-dialog > .modal-content > .modal-body { flex:1; overflow-y:auto; }
#mentions-legales.modal-dialog .modal-body { font-size:12px !important; }
#mentions-legales.modal-dialog .modal-body p { margin-bottom:15px; }
#mentions-legales.modal-dialog .modal-body a { text-decoration:underline; color:#333 !important; }
#mentions-legales.modal-dialog ul { margin:0px; padding:0px; }
#mentions-legales.modal-dialog ul > li { margin-left:20px; margin-bottom:10px; }
@media (max-width: 480px) {
#mentions-legales.modal-dialog { height:100%; max-height:100%; }
}
.switch { display:inline-block; position:relative; width:64px; height:32px; line-height:32px; /* background:#F4F2EC; border-radius:13px; */ vertical-align:top; }
.switch:before { content:" "; position:absolute; left:0; top:4px; width:100%; height:24px; line-height:24px; border-radius:12px; background:#eee; /* border:solid 1px #ccc; */ box-shadow:inset 0 0 9px rgb(0 0 0 / 20%); }
.switch:after { content:" "; width:32px; height:32px; border-radius:16px; background:var(--foreground_1); border:solid 2px #ddd; position:absolute; top:0; left:16px; transition:all 0.3s ease; box-shadow:0px 0px 6px rgb(0 0 0 / 40%); }
.switch[data-state="1"]:after { left:0px; }
.switch[data-state="2"]:after { left:32px; }
.switch-wrapper { }
.switch-wrapper [data-switch] { display:inline-block; height:32px; line-height:32px; font-size:16px; color:#000; text-decoration:none !important; padding:0 15px; vertical-align:top; font-weight:bold; color:#bbb; }
.switch-wrapper [data-switch].active { color:var(--foreground_1); }
header .switch-wrapper { margin-bottom:15px; }
header .switch:before { /* background:#fff; border:none; */ }
header .switch-wrapper [data-switch] { font-size:20px; }
.switch-wrapper { width:100%; }
.switch-wrapper a[data-state="1"] { width:calc(50% - 42px); text-align:right; height:32px; line-height:32px; }
.switch-wrapper a[data-state="2"] { width:calc(50% - 42px); text-align:left; height:32px; line-height:32px; }
#menu-simulateur { text-align:center; top:15px; z-index:2; }
#menu-simulateur .switch-wrapper { margin-left:auto; margin-right:auto; }
#menu-simulateur .switch-wrapper .switch:before { background:#fff; }
.switch { user-select:none; }
.switch.switch-button:after { display:none !important; }
.switch.switch-button > .switch-control { content:" "; width:32px; height:32px; border-radius:16px; background:var(--foreground_1); border:solid 2px #ddd; position:absolute; top:0; left:16px; transition:all 0.3s ease; /* box-shadow:0px 0px 6px rgb(0 0 0 / 40%); */ user-select:none; }
.switch.switch-button[data-state="1"] > .switch-control { left:0px; }
.switch.switch-button[data-state="2"] > .switch-control { left:32px; }