body {
    margin: 0 !important;
    font-family: "DIN Pro", "Helvetica Neue", Helvetica, Arial, cursive !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

 /** POUR LE BLOC FORMULE */
.formules {
    margin-top: 90px;
}

.teaser-formule {
    border: solid 1px #f3f3f3;
    height: 750px;
}

.teaser-formule-header {
    border-bottom: solid 2px #f2f2f2;
    height: 250px;
}

.teaser-formule.confort .teaser-formule-header {
    border-bottom: none;
}

.hospiplus {
    border-top: solid 8px #edcbe3;
}

.confort {
    border-top: solid 8px #d842ae;
}

.formule-name {
    font-weight: normal
}

.logo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: 25px;
}

.list-garanties > li {
  background: url("/lp/fiscalite/img/icon-check.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 2px 20px 3px 40px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
  margin-top: 24px;
}

.teaser-formule.confort ul.list-garanties {
    margin-top: 64px;
}

.teaser-formule-icon-plus {
    position: relative;
    top: -8px;
}

.teaser-formule-avec-hospiplus {
    height:80px;
}

ul.list-garanties {padding-left: 0;}

ul.list-garanties li:before {
    content: '';
}

.list-garanties {
    line-height: 1.31;
}

.subtitle {
    line-height: 1.17;
    color: #4a4a4a
}

/* BLOC SERVICES */
.services {
    margin-top: 65px;
}

.services-header {
    margin-top: 80px;
    line-height: 1.08;
}

.services-body {
    margin-top: 50px;
}

.bg-img-services {
    background: linear-gradient(rgba(58, 175, 230, 0.3), rgba(57, 115, 230, 0.7)), url("/lp/fiscalite/img/services-banner.jpg") no-repeat;    
    background-size: cover;
    background-position: top;
}

.box-title-service {
    line-height: 1.3em;
}

.service-image {
    margin-top: 50px;
}

.tarificateur {
    padding-top: 96px;
}

.contact-fiscalite {margin-top: 100px;}

/* BROCHURE */
.CONTAINER.brochure {
    margin-top: 60px;
}

/* AGENCE */
.agences {
    margin-top: 65px;
    height: 390px;
}

.agence-container {
    height: 390px;
}

.bg-agence {
    background-image: url("/lp/fiscalite/img/agence.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 53%;
    background-position-y: bottom; 
}
/*
.agences-form {
    margin-top: 45px;
}
*/

.footer-general {
    border-bottom: solid 1px rgba(255,255,255,0.1);
}

.footer-legal a:hover {
    text-decoration: none;
    color: #ffffff;
}

/** GLOBAL */ 

body {
    overflow-y: scroll;
}

.u-is-txt-70 {
    font-size: 70px!important;
}

.u-is-txt-48 {
    font-size: 48px!important;
}

.u-is-txt-21 {
    font-size: 21px!important;
}

.u-is-txt-28 {
    font-size: 28px!important;
}

.u-is-txt-bold {
    font-weight: bold;
}

.gradient-purple {
    background-image: linear-gradient(to right, #aa2585, #d842ae);
}

.right {
    float: right;
}

.inline-block {
    display: inline-block;
}

.CONTAINER {
    width: 1024px;
    max-width: 100%;
    margin: 0 auto;  
    position: static; 
}

.line-height-normal {
    line-height: normal;
}

.bg-white {
    background-color: white;
}

.border-radius-6 {
    border-radius: 6px;
}

.border-radius-4 {
    border-radius: 6px;
}

.box-shadow {
    box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.05);
}

.font-gris-fonce {
    color: #4a4a4a;
}

.padding-top-24 {
    padding-top: 24px;
}

.padding-top-16 {
    padding-top: 16px;
}

.padding-14 {
    padding-left: 14px;
    padding-right: 14px;
}

.with-border {
    border-bottom: solid 2px #f2f2f2;
}

.padding-bottom-24 {
    padding-bottom: 24px;
}

.height-300 {
    height: 300px;
}

.bg-violet-fiscalite {
    background-image: linear-gradient(to right, #f6e8f2, #fbebf7);
}

.center {
    margin: 0 auto;
}

.letter-spacing-1 {
    letter-spacing: 1;
}

.margin-top-15 {
    margin-top: 15px;
}

.bg-blue {
    background-image: linear-gradient(to bottom, #ffffff, #f2f8ff);
}

.display-block {
    display: block;
}

.bg-gradient-transparent {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%)!important;
}

.u-is-txt-line-height-1-19 {
    line-height: 1.19;
}

.u-is-font-weight-300 {
    font-weight: 300;
}

.margin-top-65 {
    margin-top: 65px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.bg-blue-foyer {
    background-image: linear-gradient(to right, #004c92, #086dca);
}

.center-block {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.logo-foyer-vertical {
    width:70px;
}

.color-light-blue {
    color: rgba(255, 255, 255, 0.6);
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.padding-left-32 {
    padding-left: 32px;
}

.u-is-txt-line-height-1-08 {
    line-height: 1.08;
}

.color-fiscalite {
    color: #ac2786;
}

.tarificateur-header {margin-bottom: 50px;}
.box-btn-dl-brochure {
    margin-top: 25px;
    text-align: center;
}
/*.btn-dl-brochure {padding-top: 16px;}*/
.btn-tarif {background-image: linear-gradient(to right, #F97F7F, #FF5A5F); background-size: 100%; transition: top .3s; display: inline; top: 0;}
.btn-dl-brochure:hover, .btn-tarif:hover {text-decoration: none; color: #ffffff;}

header {
        position: relative;
        text-align: center;
        overflow: hidden;
        padding-bottom: 150px;
}

header::before {
    content: '';
    position: absolute;
    left: -50%;
    top: 88%;
    height: 100%;
    width: 200%;
    border-radius: 100%;
    background: #194c92;
}

header::after {
    content: '';
    position: absolute;
    left: -50%;
    top: 92%;
    height: 100%;
    width: 200%;
    border-radius: 100%;
    background: linear-gradient(4deg, #f6f6f6, #ffffff);
    transform: rotate(.8deg) translateY(-8px);
}

header.paul {
    background: linear-gradient(rgba(58, 175, 230, 0.3), rgba(57, 115, 230, 0.7)), url("/lp/fiscalite/img/header-paul.jpg") no-repeat top right;
    background-size: cover;
}

header.sandrine {
    background: linear-gradient(rgba(58, 175, 230, 0.3), rgba(57, 115, 230, 0.7)), url("/lp/fiscalite/img/header-sandrine.jpg") no-repeat top right;
    background-size: cover;
}

.container-header {
        width: 1024px;
        max-width: 100%;
        padding: 24px;
        margin: 0 auto;
}

.navbar {
    margin-top: 16px;
    border: none !important;
}

header .lang {font-family: "DIN Pro",Arial,sans-serif; font-size: 16px;}
header .lang a {color: #ffffff; margin: 0 5px;}
header .lang a.lang-selected {text-decoration: underline; font-weight: 500; cursor: default;}
header .slogan {font-family: "DIN Pro",Arial,sans-serif; font-size: 56px; margin-top: 100px; line-height: 56px;}
header .slogan p {margin-bottom: 150px;}

body.home.de header .slogan p {margin-bottom: 100px;}

#search-agency {margin: 0;}

.fixedBtn {
    position: fixed;
    min-height: 43px;
    top: 10px;
    left: 50%;
    z-index: 100;
    padding-top: 14px;
    transform: translateX(-50%) !important;
}

.fixedBtn:active {transform: translateX(-50%) !important;}

.container-header .slogan b {font-weight: 500;}

.bg-offres {
    background-image: linear-gradient(165deg, #ffffff, #edf7ff);
    padding: 50px 0 100px 0;
}

/* offre pension */
.bg-offre-pension {background: url("/lp/fiscalite/img/pension-icon.svg") no-repeat left top; background-size: 100% 100%;}
.offres-pension {}
.offres-pension .title, .offres-prevoyance .title {
    font-size: 40px;
    font-weight: bold;
    color: #004c92;
}

.details-offres-pension .GridFlex-row div:first-child,
.offres-pension-title, .offres-pension-lien-offre,
.details-offres-prevoyance .GridFlex-row div:first-child,
.offres-prevoyance-title, .offres-prevoyance-lien-offre {padding-left: 0 !important;}

.offres-pension-title {margin-bottom: 48px;}

.details-offres-pension .GridFlex-row,
.details-offres-prevoyance .GridFlex-row {margin-bottom: 24px;}
.details-offres-pension .GridFlex-row:first-child,
.details-offres-prevoyance .GridFlex-row:first-child {border-bottom: 1px solid #e5edf3;}
.details-offres-pension .GridFlex-row:nth-child(2) {border-bottom: 1px solid #e5edf3;}

.details-offres-pension div.header,
.details-offres-prevoyance div.header{
    height:auto !important;
    color: #4a4a4a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.details-offres-pension div.header span,
.details-offres-prevoyance div.header span {font-weight: normal;}
.details-offres-pension .details,
.details-offres-prevoyance .details {color: #999999}

.details-offres-pension .offre,
.details-offres-prevoyance .offre {color: #4eabff; font-size: 14px; text-align: right; padding-top: 25px;}
.details-offres-pension .offre p:first-child,
.details-offres-prevoyance .offre p:first-child {margin-bottom: -5px;}
.details-offres-pension .offre p,
.details-offres-prevoyance .offre p {line-height: 14px;}
.details-offres-prevoyance .offre p {margin-bottom: 24px;}

.details-offres-pension .offre .price, 
.details-offres-prevoyance .offre .price {font-size: 36px; font-weight: normal;}
.details-offres-pension .offre .price span,
.details-offres-prevoyance .offre .price span {font-weight: bold;}

.details-offres-pension .GridFlex-row .details p:nth-child(2),
.details-offres-prevoyance .GridFlex-row .details p:nth-child(2) {color: #afc7de; text-transform: uppercase;}
.details-offres-pension .GridFlex-row .details p:nth-child(2) span {text-transform: lowercase;}
.details-offres-pension .GridFlex-row:first-child .details p:nth-child(2),
.details-offres-prevoyance .GridFlex-row:first-child .details p:nth-child(2) {margin-bottom: 24px;}
.details-offres-pension .GridFlex-row:nth-child(2) .details p:nth-child(2),
.details-offres-prevoyance .GridFlex-row:nth-child(2) .details p:nth-child(2) {margin-bottom: 24px;}

.offres-pension .lien-decouvrir-offre,
.offres-prevoyance .lien-decouvrir-offre {
    font-size:16px;
    text-transform: uppercase;
}
.offres-pension .lien-decouvrir-offre a,
.offres-prevoyance .lien-decouvrir-offre a {color: #4eabff; font-weight: 500 !important;}
.offres-pension .lien-decouvrir-offre a:hover,
.offres-prevoyance .lien-decouvrir-offre a:hover {text-decoration: none;}
.offres-pension .lien-decouvrir-offre i,
.offres-prevoyance .lien-decouvrir-offre i {color: #4eabff; font-size:24px; vertical-align: middle;}



/* offre epargne */
.offres-prevoyance {
    background: url("/lp/fiscalite/img/epargne-prevoyance-icon.svg") no-repeat right bottom; 
    background-size: 30%;
    padding-top: 250px;
}
/*.offres-prevoyance {margin-top: 100px; margin-bottom: 100px;} */
.offres-prevoyance-title {margin-bottom: 48px;}



@media screen and (max-width: 1028px) {
    .SECTION .CONTAINER {padding: 0 16px;}
}

@media screen and (min-width: 716px) {
    .footer-general {height: 120px !important;}
    .footer-legal {height: 80px;}
    .services {height: 680px;}
    .SECTION .CONTAINER {padding: 0 16px;}
    .SECTION .footer-general .social-network, .SECTION .footer-general .box-apps {height: 86px;}
}

@media screen and (max-width: 983px) {
    .offres-pension-title, .offres-prevoyance-title {text-align: center;}
    .offres-prevoyance {background: none;}
    .contact-fiscalite {margin-top: 0;}
    .offres-prevoyance {padding-top: 100px;}
    body.home.de header .slogan p {margin-bottom: 50px;}
}

@media screen and (max-width: 715px) {
    .offres-pension .offres-pension-title h3.title,
    .offres-prevoyance .offres-prevoyance-title h3.title {font-size: 32px;}
}

@media screen and (max-width: 715px) {
    header .slogan {font-size: 24px; margin-top: 0; line-height: 30px;}
    header .slogan p {margin-bottom: 80px;}
    .lang {position: absolute; right: 20px;}
    .teaser {margin-top: 30px;}
    
    .SECTION .CONTAINER {padding: 0 16px;}
    .SECTION .CONTAINER h1 {font-size: 21px;}
    
    .teaser-logo {text-align: center; margin-top: 32px;}
    .SECTION.teaser img {width: 80px; height: 80px;}
    
    .SECTION.formules {margin-top: 56px;}
    .teaser-formule-header {height: 190px;}
    .teaser-formule-header h3.formule-name {font-size: 18px !important;}
    .teaser-formule-header div.subtitle {font-size: 14px !important;}
    
    .teaser-formule {height: 646px}
    .teaser-formule-body ul.list-garanties li {font-size: 12px; min-height:24px;}
    
    .teaser-formule-avec-hospiplus {padding: 4px 0 0 0 !important;}
    .teaser-formule-avec-hospiplus p {font-size: 16px; padding-bottom: 28px;}
    .teaser-formule-avec-hospiplus img.teaser-formule-icon-plus {width: 32px; height: 32px;}
    .teaser-formule.confort ul.list-garanties {margin-top: 50px;}
    
    .teaser-formule.hospiplus {margin-bottom: 30px;}
    
    .SECTION.services .services-header {margin: 20px 0;}
    .SECTION.services .services-header p {font-size: 21px;}
    .SECTION.services .services-body {margin-top: 10px;}
    .SECTION.services .services-body .service {text-align: center; margin: 0 auto;}
    
    .SECTION.services .services-body .box-service {margin-bottom: 20px;}
    
    .SECTION.tarificateur {padding-top: 40px;}
    .SECTION.tarificateur .tarificateur-header {font-size: 21px !important; margin-top: 20px !important;}
    
    .SECTION.tarificateur .card-simulateur .header p.title {font-size: 21px; width: 100%; text-align: center; margin: 0 !important;}
    .SECTION.tarificateur .logo {display: none;}
    .SECTION.tarificateur .card-simulateur .separator {width: 100%;}
    .SECTION.tarificateur .card-simulateur .price-calculator-display_price,
    .SECTION.tarificateur .card-simulateur .price-calculator-display_price h4{font-size: 21px;}
    .SECTION.tarificateur .card-simulateur .price-calculator-instant .price, 
    .SECTION.tarificateur .card-simulateur .price-calculator-instant .eurotime {font-size: 26px;}
    .SECTION.tarificateur .price-calculator-display_price .price_message p {font-size: 16px;}
    .SECTION.tarificateur .card-simulateur .price-calculator-display_price .padding-extra {padding: 0;}
    
    .SECTION.tarificateur .questionnaire.sante div.form-group:first-child label {width: 80% !important;}
    .SECTION.tarificateur .questionnaire.sante div.form-group:first-child label.btn {width: 80px !important;}
    .SECTION.tarificateur .questionnaire.sante div.form-group:nth-child(2) label {width: 80% !important;}
    .SECTION.tarificateur .questionnaire.sante div.form-group:nth-child(2) label.btn {width: 80px !important;}
    
    .SECTION.tarificateur .card-simulateur .assured_0 input {width: 80% !important;}
    .SECTION.tarificateur .card-simulateur .assured_1 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_2 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_3 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_4 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_5 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_6 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_7 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_8 input {width: 80% !important; margin-left: 0;}
    .SECTION.tarificateur .card-simulateur .assured_9 input {width: 80% !important; margin-left: 0;}
    
    .SECTION.tarificateur .card-simulateur .price-calculator-display_price.border .part2 {float: none; margin: 0 auto;}
    .SECTION.tarificateur .card-simulateur div.form-group>label {
        width: 100%;
        margin: 0;
        padding-left: 10px;
        float: none
    }
    .SECTION.tarificateur .card-simulateur .price-contact-instant div.inline {
        width: 100%;
        margin: 0;
        padding-left: 10px;
    }
    
    .SECTION.tarificateur .card-simulateur .form-group select, .SECTION.tarificateur .card-simulateur .form-group textarea, 
    .SECTION.tarificateur .card-simulateur .form-group input[type=text], .SECTION.tarificateur .card-simulateur .form-group input[type=email], 
    .SECTION.tarificateur .card-simulateur #assured-collection input, .SECTION.tarificateur .card-simulateur .form-contact-mobile select, 
    .SECTION.tarificateur .card-simulateur .form-contact-mobile input[type=text], 
    .SECTION.tarificateur .card-simulateur .form-contact-mobile input[type=email], 
    .SECTION.tarificateur .card-simulateur .form-contact-mobile textarea, 
    .SECTION.tarificateur .card-simulateur .form-contact-mobile select#hour {width: 96%;}
    
    .SECTION.tarificateur .card-simulateur #contact-instant div.form-group.actions div {text-align: center !important; margin:0;}
    
    .SECTION .brochure p {font-size: 21px !important;}
    
    .SECTION.agences .title-agences {font-size: 21px !important; margin-top: 0 !important; margin-bottom: 20px !important; text-align: center;}
    .SECTION.agences .agences-form {margin-top: 20px !important;}
    
    .SECTION.agences .agences-form .GridFlex .GridFlex-row div:nth-child(2) {width: 100%;text-align: center;}
    .SECTION.agences .agences-form .GridFlex .GridFlex-row div:nth-child(2) button {margin: 20px auto 0 auto;}
    .SECTION.agences .bg-agence {background-position: center; background-position-y: bottom;}
    
    .SECTION .footer-general .logo-foyer-vertical {margin: 25px 0;}
    .SECTION .footer-general .GridFlex-row>div:nth-child(3) {margin-top: 40px;}
    .SECTION .footer-general .social-network {margin-bottom: 40px;}
    
    .SECTION .footer-legal div div div:first-child {font-size: 16px !important; margin: 10px 0 !important;}
    .SECTION .footer-legal div div div:nth-child(2) {font-size: 10px !important; margin-bottom: 20px;}
    
    .card-simulateur .btn-recalculate {margin-right: 0;}
    .card-simulateur .price-calculator-display_price.border .part1 {margin: 20px auto 0 auto;}
}

@media screen and (max-width: 397px) {
    .teaser-formule-avec-hospiplus p {font-size: 16px; padding-bottom: 4px;}
}

@media only screen and (min-width: 0) and (max-width: 499px) {
    .header {height: 350px;}
    header .slogan p {margin-bottom: 50px;}
    
    header.paul::after, header.sandrine::after {
            transform-origin: 0 100%;
            transform: rotate(.7deg) translateY(-2px);
    }
}

@media only screen and (min-width: 500px) and (max-width: 715px) {
    .header {height: 450px;}
    header .slogan p:nth-child(2) {margin-bottom: 75px;}
    
    header.paul::after, header.sandrine::after {
        transform-origin: -3% 100%;
        transform: rotate(.7deg) translateY(-4px);
    }
}

@media only screen and (min-width: 716px) {
    .header {height: 690px;}
}

.form_disclaimer {
    font-size: 12px; text-align: left; color: #999999; padding: 16px !important;
}