/* line 4, ../sass/style.scss */
html, body {
height: 100%;
padding: 0;
font-family: 'Roboto Condensed', sans-serif;
}
/* line 10, ../sass/style.scss */
.jumbotron.vertical-center {
margin-bottom: 0;
/* Remove the default bottom margin of .jumbotron */
}
/* line 14, ../sass/style.scss */
.vertical-center {
min-height: 100%;
/* Fallback for vh unit */
/* You might also want to use
'height' property instead.
Note that for percentage values of
'height' or 'min-height' properties,
the 'height' of the parent element
should be specified explicitly.
In this case the parent of '.vertical-center'
is the element */
/* Make it a flex container */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/* Align the bootstrap's container vertically */
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
/* In legacy web browsers such as Firefox 9
we need to specify the width of the flex container */
width: 100%;
/* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
hence the bootstrap's container won't be aligned to the center anymore.*/
}
/* line 50, ../sass/style.scss */
.container {
background-color: gold;
}
/* line 54, ../sass/style.scss */
.navbar_shadow {
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
}
/* line 59, ../sass/style.scss */
nav img {
height: 50px;
}
/* line 64, ../sass/style.scss */
.option {
border: 1px solid #AAA;
margin: 1rem 0.3rem;
padding: 1.5rem;
text-align: center;
background: white;
cursor: pointer;
}
/* line 72, ../sass/style.scss */
.option.selected, .option:hover {
background: #FF0072;
color: white;
}
@media (max-width: 767.98px) {
/* line 78, ../sass/style.scss */
.option {
padding: 0.8rem;
}
}
/* line 84, ../sass/style.scss */
h5 {
text-align: center;
margin-bottom: 2.5rem;
font-weight: bold;
}
/* line 97, ../sass/style.scss */
.page:nth-child(n+1) {
padding: 10px 0;
}
@media (min-width: 767.98px) {
/* line 97, ../sass/style.scss */
.page:nth-child(n+1) {
padding: 30px 0;
}
}
/* line 114, ../sass/style.scss */
.page:not([page='1']) {
display: none;
}
/* line 121, ../sass/style.scss */
#formulaire_view[show_all_pages="1"] .page {
display: block !important;
}
/* line 124, ../sass/style.scss */
#formulaire_view[show_all_pages="1"] p.retour_form {
display: none !important;
}
/* line 133, ../sass/style.scss */
.navbar-collapse p {
color: #FF0072;
margin: 0;
}
/* line 144, ../sass/style.scss */
#formulaire_view .sidebar {
padding-top: 100px;
box-shadow: 2px 0 5px -2px #888;
z-index: 1;
}
/* line 151, ../sass/style.scss */
#formulaire_view .sidebar p {
color: #006AFF;
}
/* line 159, ../sass/style.scss */
#formulaire_view .sidebar ul.timeline {
list-style: none;
margin-left: -25px;
margin-top: 70px;
}
/* line 167, ../sass/style.scss */
#formulaire_view .sidebar ul.timeline li {
position: relative;
padding: 7px 15px;
color: gray;
top: 2px;
}
/* line 175, ../sass/style.scss */
#formulaire_view .sidebar ul.timeline li:before {
content: '';
width: 16px;
height: 16px;
border-radius: 50%;
background: #D8D8D8;
position: absolute;
left: -15px;
top: 45%;
transform: translateY(-40%);
z-index: 2;
}
/* line 188, ../sass/style.scss */
#formulaire_view .sidebar ul.timeline li.current {
color: black;
font-weight: 500;
}
/* line 190, ../sass/style.scss */
#formulaire_view .sidebar ul.timeline li.current:before {
border: 3px solid #FF0072;
background: white;
}
/* line 203, ../sass/style.scss */
#formulaire_view .sidebar ul.timeline li:not(:last-child):after {
content: '';
width: 2px;
height: 100%;
background: #D8D8D8;
position: absolute;
left: -8px;
top: 50%;
z-index: 0;
}
/* line 221, ../sass/style.scss */
.page_continue {
position: absolute;
bottom: 0px !important;
left: 0;
right: 0;
text-align: right;
}
/* line 230, ../sass/style.scss */
.page_continue p {
margin: 0;
font-size: 10pt;
}
/* line 236, ../sass/style.scss */
.page_continue button {
padding: 4px 18px;
margin: 0 15px;
text-transform: uppercase;
color: white;
font-size: 11pt;
}
/* line 244, ../sass/style.scss */
.page_continue button.continuer {
background: #006AFF;
}
/* line 248, ../sass/style.scss */
.page_continue button.resultat {
background: #FF0072;
}
/* line 258, ../sass/style.scss */
.add_to_value {
font-size: 18pt;
color: #FF0072;
}
/* line 264, ../sass/style.scss */
.champs .error_message {
display: none;
text-align: center;
margin-top: 10px;
}
/* line 271, ../sass/style.scss */
.champs.is-invalid .error_message {
display: block;
}
/* line 277, ../sass/style.scss */
.top_form {
position: absolute;
top: 70px;
margin: 40px;
left: 0;
right: 0;
}
/* line 286, ../sass/style.scss */
.top_form p.retour_form {
display: none;
}
/* line 289, ../sass/style.scss */
.top_form p.retour_form a {
color: black;
}
/* line 296, ../sass/style.scss */
.barre_progression {
height: 6px;
border: 1px solid #FF0072;
background: white;
z-index: 0;
}
/* line 302, ../sass/style.scss */
.barre_progression .progression {
background: #FF0072;
height: 4px;
width: 0px;
}
/* line 309, ../sass/style.scss */
.champs#revenus .type_revenus {
text-transform: uppercase;
}
/* line 314, ../sass/style.scss */
a.add_more_champs {
font-size: 12pt;
color: #FF0072 !important;
}
/* line 319, ../sass/style.scss */
#liste_investissements {
display: none;
}
/* OPTI MOBILE */
/* line 327, ../sass/style.scss */
#page_principale {
margin: 130px auto 85px;
position: relative;
}
@media (min-width: 767.98px) {
/* line 332, ../sass/style.scss */
#page_principale {
margin: 150px auto 100px;
}
}
/* line 338, ../sass/style.scss */
#formulaire_view[show_all_pages="1"] #page_principale {
margin: 210px auto 100px !important;
}
@media (max-width: 767.98px) {
/* line 343, ../sass/style.scss */
.option {
margin: 0.5rem;
}
}
/* line 348, ../sass/style.scss */
.page_continue {
padding: 3rem 0 2rem;
}
/* line 354, ../sass/style.scss */
.vertical-center {
min-height: 100vh;
}
@media (max-width: 767.98px) {
/* line 354, ../sass/style.scss */
.vertical-center {
min-height: calc(100vh - 120px);
}
}
/* line 362, ../sass/style.scss */
a.retour_form {
color: black;
}
@media (max-width: 767.98px) {
/* line 367, ../sass/style.scss */
.page_continue a.retour_form {
display: inline;
}
}
@media (min-width: 767.98px) {
/* line 367, ../sass/style.scss */
.page_continue a.retour_form {
display: none !important;
}
}
/* line 376, ../sass/style.scss */
.page_continue small {
display: none;
}
@media (min-width: 767.98px) {
/* line 376, ../sass/style.scss */
.page_continue small {
display: inline;
}
}