.likeMyPlanet {
    width: 60px;
    height: auto;
    position: absolute;
    right: 10px;
    top: 10px;
}

.credit--immo--new #new {
    background-color: #FFF600 !important;
    height: 23px !important;
    width: 103px !important;
    color: black !important;
    font-weight: 800 !important;
    font-size: 1.2em !important;
    top: 192px !important;
    left: 76px !important;
    text-align: center !important
}

#partner--label {
    background-color: lightgrey !important;
    color: black !important;
    height: 33px !important;
    width: 243px !important;
    color: black !important;
    font-weight: 400 !important;
    font-size: 1em !important;
    top: 15px !important;
    left: 14px !important;
    text-align: center !important;
    padding: .5em !important
}

.ban_doit_etre_client {
    background-color: yellow;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 10px 63px !important;
}

.ban_doit_etre_client .icon-info-small {
    margin-right: 1em;
}

.title.sous-title+.ban_doit_etre_client {
    margin-top: -3%;
    margin-bottom: 3%;
}

@media screen and (max-width:1100px) {
    .credit--immo--new #new {
        top: 120px !important;
        left: 40px !important
    }
}

* {
    box-sizing: border-box
}

.noeuxBazooka {
    background-color: #ffffff;
    display: inline-block
}

.noeuxBazooka .visuel_blur {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
    left: 0;
    background: #333;
    opacity: .4
}

.noeuxBazooka .products .plt:hover .visuel_blur,
.noeuxBazooka .products .pc:hover .visuel_blur,
.noeuxBazooka .products .pe:hover .visuel_blur,
.noeuxBazooka .products .pj:hover .visuel_blur,
.noeuxBazooka .products .p:hover .visuel_blur {
    display: block
}

.noeuxBazooka .title {
    background: none;
    background-color: #bad606;
    padding: 2% 5%;
    display: inline-block
}

.noeuxBazooka .title.sous-title {
    margin-bottom: 3%
}

.noeuxBazooka .title h2 {
    font-size: 60px;
    font-weight: 700
}

.noeuxBazooka .title h3 {
    font-size: 20px
}

.noeuxBazooka .bg_gray {
    color: #949494;
    padding-top: 0;
    padding: 5%;
    padding-top: 0
}

.noeuxBazooka .subtitle {
    padding: 2% 5%;
    font-size: 18px;
    font-weight: 700
}

.noeuxBazooka .subtitle a {
    background-color: #fff600;
    padding: 20px 25px 20px 90px;
    text-decoration: none;
    position: relative
}

.noeuxBazooka .subtitle a::before {
    content: '';
    position: absolute;
    background: url(/fr/images/calculator2.png) no-repeat center center;
    top: 50%;
    left: 30px;
    width: 35px;
    height: 35px;
    transform: translateY(-50%)
}

.noeuxBazooka .products,
.noeuxBazooka .info-products {
    padding: 0% 5% 5% 5%;
    display: inline-block;
    color: #8d8d8d
}

.noeuxBazooka .products .p {
    background-size: cover !important;
    height: 365px;
    padding: 5%;
    vertical-align: bottom;
    position: relative;
    border: 5px solid #ffffff;
    cursor: pointer
}

.noeuxBazooka .products .p:hover h2,
.noeuxBazooka .products .p:hover p,
.noeuxBazooka .products .pc:hover h2,
.noeuxBazooka .products .pc:hover p,
.noeuxBazooka .products .pe:hover h2,
.noeuxBazooka .products .pe:hover p,
.noeuxBazooka .products .pj:hover h2,
.noeuxBazooka .products .pj:hover p,
.noeuxBazooka .products .plt:hover h2,
.noeuxBazooka .products .plt:hover p {
    color: #fff
}

.noeuxBazooka .products .pc,
.noeuxBazooka .products .pe,
.noeuxBazooka .products .pj,
.noeuxBazooka .products .plt {
    background-size: cover !important;
    height: 365px;
    padding: 5%;
    vertical-align: bottom;
    position: relative;
    border: 5px solid #ffffff;
    cursor: pointer
}

.noeuxBazooka .products .p1 {
    background: url('/fr/images/img/assurance/habitation.png') no-repeat center center
}

.noeuxBazooka .products .p1c {
    background: url('/fr/images/img/credit/renouvelable_.png') no-repeat center center
}

.noeuxBazooka .products .p1e {
    background: url('/fr/images/img/epargne/livret_a.png') no-repeat center center
}

.noeuxBazooka .products .p1j {
    background: url('/fr/images/img/jeunes/cc1618_.png') no-repeat center center
}

.noeuxBazooka .products .p2 {
    background: url('/fr/images/img/visuels/Assurance_Auto.jpg') no-repeat center center
}

.noeuxBazooka .products .p2c {
    background: url('/fr/images/img/visuels/Credits_travaux.jpg') no-repeat center center
}

.noeuxBazooka .products .p3c {
    background: url('/fr/images/img/credit/projet_auto_moto.png') no-repeat center center
}

.noeuxBazooka .products .p4c {
    background: url('/fr/images/img/credit/autres_projets.png') no-repeat center center
}

.noeuxBazooka .products .p5c {
    background: url('/fr/images/creditimmo/creditimmo2.jpg') no-repeat center center
}

.noeuxBazooka .products .p2e {
    background: url('/fr/images/img/epargne/ldds_V2.jpg') no-repeat center center
}

.noeuxBazooka .products .p2j {
    background: url('/fr/images/img/jeunes/ce1218_.png') no-repeat center center
}

.noeuxBazooka .products .p3j {
    background: url('/fr/images/img/jeunes/lj12_25.png') no-repeat center center
}

.noeuxBazooka .products .p4j {
    background: url('/fr/images/img/jeunes/lj18_25.png') no-repeat center center
}

.noeuxBazooka .products .plt1 {
    background: url('/fr/images/img/placement/assurance_vie.png') no-repeat center center
}

.noeuxBazooka .products .plt2 {
    background: url('/fr/images/img/visuels/comptetitre_new_2.jpg') no-repeat center center
}

.noeuxBazooka .products .plt3 {
    background: url('/fr/images/img/placement/pea_.png') no-repeat center center
}

.noeuxBazooka .products .plt4 {
    background: url('/fr/images/img/placement/Ecotree_noeud.jpg') no-repeat center center
}

.noeuxBazooka .products .p3 {
    background: url('/fr/images/img/assurance/sante.png') no-repeat center center
}

.noeuxBazooka .products .p3e {
    background: url('/fr/images/img/visuels/Epargne.jpg') no-repeat center center
}

.noeuxBazooka .products .p4 {
    background: url('/fr/images/img/assurance/deeces.png') no-repeat center center
}

.noeuxBazooka .products .p4e {
    background: url('/fr/images/img/epargne/epargne_monabanq.png') no-repeat center center
}

.noeuxBazooka .products .p5 {
    background: url('/fr/images/img/assurance/emploi.png') no-repeat center center
}

.noeuxBazooka .products .p6,
.noeuxBazooka .products .p7 {
    background: url('/fr/images/telesurveillance.jpg') no-repeat center center
}

.noeuxBazooka .products .p h2,
.noeuxBazooka .products .pc h2,
.noeuxBazooka .products .pe h2,
.noeuxBazooka .products .pj h2,
.noeuxBazooka .products .plt h2 {
    font-size: 40px;
    color: #ffffff;
    font-weight: 700;
    position: absolute;
    bottom: 80px
}

.noeuxBazooka .products .p p,
.noeuxBazooka .products .pc p,
.noeuxBazooka .products .pe p,
.noeuxBazooka .products .plt p,
.noeuxBazooka .products .pj p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    width: 75%
}

.noeuxBazooka .products .p a,
.noeuxBazooka .products .pc a,
.noeuxBazooka .products .pe a,
.noeuxBazooka .products .pj a,
.noeuxBazooka .products .plt a,
.fleche {
    position: absolute;
    bottom: 45px;
    right: 20px
}

.noeuxBazooka .products .p div.infotaux,
.noeuxBazooka .products .pj div.infotaux {
    position: absolute;
    top: 25px;
    text-transform: uppercase
}

.noeuxBazooka .products .pe div.infotaux {
    position: absolute;
    top: 25px;
    text-transform: uppercase;
    width: 100%
}

.noeuxBazooka .products .p div.infotaux p,
.noeuxBazooka .products .pe div.infotaux p,
.noeuxBazooka .products .pj div.infotaux p {
    position: relative;
    background-color: #333333;
    display: inline;
    padding: 5px;
    font-size: 14px
}

.noeuxBazooka .products .p div.infotaux p.taux {
    background-color: #ffffff;
    color: #333333;
    display: initial;
    padding: 5px
}

.noeuxBazooka .products .pe div.infotaux p.taux,
.noeuxBazooka .products .pj div.infotaux p.taux {
    background-color: #ffffff;
    color: #333333;
    display: initial;
    padding: 5px
}

.noeuxBazooka .products .p div.infotaux p.taux strong,
.noeuxBazooka .products .pe div.infotaux p.taux strong,
.noeuxBazooka .products .pj div.infotaux p.taux strong {
    font-size: 1.3em
}

.noeuxBazooka .compare {
    padding: 0% 5% 5% 5%;
    display: inline-block
}

.noeuxBazooka .compare p {
    font-size: 18px;
    font-weight: 400;
    color: #8d8d8d
}

.noeuxBazooka .compare .color {
    color: #333333
}

.noeuxBazooka .compare table {
    margin-top: 5%;
    background-color: #f5f4f2
}

.noeuxBazooka .compare table tr td {
    padding: 20px;
    vertical-align: top;
    font-weight: 700;
    border-bottom: 1px solid #e2e2e2
}

.noeuxBazooka .compare table tr td.begin {
    background-color: #333333;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    vertical-align: middle
}

.noeuxBazooka .compare table tr td.begin.sticky_style {
    position: sticky;
}

.noeuxBazooka .compare table tr td.end {
    background-color: #333333;
    color: #fefefe;
    font-size: 14px;
    text-align: center;
    text-decoration: underline
}

.noeuxBazooka .compare table tr td.txtgrey {
    color: #8d8d8d;
    font-weight: 400
}

.noeuxBazooka .compare table tr td.txtgrey p {
    font-size: 11px;
    padding-top: 10px
}

.orias {
    font-size: 14px;
    padding: 25px 50px 25px 50px !important;
    color: #656565;
    line-height: 1.42857;
    font-weight: 400
}

.apropo_bandeau .yellow {
    font-weight: bold
}

.apropo_bandeau .white {
    font-weight: bold
}

.apropo_bandeau h2 {
    margin-bottom: 4%
}

.noeuxBazooka .compare table tr td.begin.suround,
.noeuxBazooka .compare table tr td.end.suround {
    background-color: #fff600 !important;
    color: black;
    cursor: pointer
}

.noeuxBazooka .compare table tr td.cont {
    background-color: #ffffff !important;
    cursor: pointer
}

.amortissable:hover {
    cursor: default !important
}

.assurance_vie {
    background-image: url(/fr/css/image/banniere/EPS_Desktop_New.jpg);
    min-height: 600px;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 2%
}

.apropo_bandeau {
    background-image: url(/fr/images/img/apropo/Fotolia_139816183_Subscription_XXL.png);
    background-size: cover;
    background-position: 50%;
    margin-bottom: 2%
}

.area {
    background-color: #fff
}

.bloc {
    padding-top: 2%;
    margin-left: 4%;
    padding-bottom: 3%
}

.apropo_bloc {
    padding-top: 7%;
    margin-left: 7%;
    padding-bottom: 7%
}

.apropo_content {
    padding-top: 2%;
    padding-bottom: 4%;
    padding-left: 8%;
    padding-right: 8%
}

.content_yellow {
    background-color: #fff600
}

.container .apropo_content h2,
.container .grey_bloc h2,
.container .last_bloc h2 {
    margin-bottom: 5%
}

.container .apropo_content .header-lined-bel,
.container .grey_bloc .header-lined-bel,
.container .last_bloc .header-lined-bel {
    font-weight: bold
}

.container .apropo_content .header-lined-bel:before,
.container .grey_bloc .header-lined-bel:before,
.container .last_bloc .header-lined-bel:before {
    width: 60px
}

.container .apropo_content .list span {
    margin-left: 6%
}

.im {
    vertical-align: top;
    width: 20%;
    display: table-cell
}

.container .apropo_content .bloc_list ul li {
    position: relative
}

.container .apropo_content .bloc_list .green {
    color: #bad606;
    font-weight: bold
}

.container .apropo_content .bloc_list .extra-medium-text {
    line-height: 0
}

.test {
    display: table-cell;
    padding-left: 6%;
    padding-bottom: 6%;
    vertical-align: top
}

.container .apropo_content .bloc_list .txtgrey {
    color: #8d8d8d
}

.container.main_bloc>div>div>h1 {
    font-size: xx-large;
    font-weight: bold;
    margin-bottom: 5%
}

.grey_bloc {
    padding-top: 2%;
    padding-bottom: 4%;
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 12%
}

.cust-txt {
    font-size: 24px
}

.main_bloc {
    background-color: #ffffff
}

.people h3 {
    margin-bottom: 40px
}

.people .bloc0 {
    text-align: center;
    Margin-bottom: 20px
}

.surround_img_icon {
    display: inline-block;
    background: #000;
    padding: 15px;
    border-radius: 50%
}

.content_yellow {
    padding-top: 2%;
    padding-bottom: 4%;
    padding-left: 8%;
    padding-right: 8%;
    background-color: #fff600
}

.grey_slide {
    background-color: #f8f8f8;
    border-right: 1.5px solid #fff;
    height: auto !important;
    min-height: 310px !important;
    padding: 20px;
    margin: 10px
}

.into_grey_slide {
    margin-left: 15%;
    margin-right: 15%
}

.alignleft {
    float: left
}

.alignright {
    float: right;
    color: #8d8d8d
}

.tgrey {
    color: #8d8d8d
}

.your-class {
    margin-top: -14%
}

.low {
    margin-top: 5%;
    left: 50%;
    transform: translateX(-50%)
}

.last_bloc {
    padding-top: 2%;
    padding-bottom: 4%;
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 4%
}

.last_bloc .service_bloc {
    padding: 4%;
    background-color: #fff
}

.last_bloc .service_bloc h1 {
    font-weight: bold;
    font-size: xx-large
}

.last_bloc .service_bloc .low_service_bloc {
    border-top: .5px solid #ebebeb
}

.service_bloc>ul>li>p {
    vertical-align: bottom
}

.content_yellow h1 {
    font-weight: bold;
    font-size: xx-large;
    margin-bottom: 4%
}

@media only screen and (min-width :767px) {
    
    .cust-txt {
        font-size: 30px
    }

    .typeCred {
        width: 33%;
        float: left;
        border-right: 1px solid #fff;
        padding: 6px;
        font-weight: 400;
        margin-top: 1em;
        line-height: .8em
    }

    .typeCred:last-child {
        border-right: none
    }
}

@media screen and (max-width:991px) {
    .noeuxBazooka .products .pe div.infotaux p.taux strong {
        margin-left: 2%
    }

    .ei_tpl_redac main#ei_tpl_content a.btn_hover {
        margin-left: 5%
    }

    .ban_doit_etre_client {
        font-size: 1.35rem;
        padding: 10px;
    }

    .ban_doit_etre_client .icon-info-small {
        margin-right: 0.7em;
    }
}

@media screen and (max-width:355px) {

    .noeuxBazooka .products .p h2,
    .noeuxBazooka .products .pc h2,
    .noeuxBazooka .products .pe h2,
    .noeuxBazooka .products .pj h2,
    .noeuxBazooka .products .plt h2 {
        bottom: 38%
    }
}

@media screen and (max-width:355px) {
    .mrg-bottom {
        margin-bottom: 45px
    }
}

@media screen and (min-width:355px) and (max-width:768px) {

    .noeuxBazooka .products .p h2,
    .noeuxBazooka .products .pc h2,
    .noeuxBazooka .products .pe h2,
    .noeuxBazooka .products .pj h2,
    .noeuxBazooka .products .plt h2 {
        bottom: 30%
    }
}

@media screen and (max-width:768px) {
    .ecotree h2 {
        font-size: 27px !important;
    }

    .ecotree p {
        font-size: 13px !important;
    }

    .titreLivretCroissance,
    .titreLem {
        bottom: 150px !important
    }

    .titreLdds {
        bottom: 90px !important
    }

    .noeuxBazooka .title h2 {
        font-size: 40px
    }

    .noeuxBazooka .title h3 {
        font-size: 15px
    }

    .col-xs-12.medium-txt {
        font-size: 14px
    }
}

@media only screen and (min-width :1280px) {
    .likeMyPlanet {
        width: 100px;
        right: 10px;
        top: 10px;
    }

    .cust-txt {
        font-size: 36px
    }

    .row.apropo_content.bg-white {
        background-image: url('/fr/images/img/visuels/apropos.jpg');
        background-repeat: no-repeat;
        background-position: 100% 80%;
        background-size: 28%
    }
}
@media only screen and (min-width :1500px) {
    .likeMyPlanet {
        width: 120px;
        right: 80px;
        top: 40px;
    }
}
.ei_tpl_redac main#ei_tpl_content a.btn_hover {
    text-align: left !important
}

#ei_tpl_content>div.noeuxBazooka.container>a.btn_yellow.btn_hover.disp-p {
    margin-left: 5%
}

.btn_hover>span {
    padding: 20px 20px !important;
    min-width: 90%
}

.ei_tpl_redac main#ei_tpl_content a.btn_hover span {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.ei_tpl_redac main#ei_tpl_content a.btn_hover {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.ecotree h2 {
    font-size: 26px !important;
    width: 60% !important;
}

.ecotree p {
    width: 60% !important;
}