@font-face {
    font-family: 'EncodeSans-Bold';
    src: url('/fr/v2/fonts/EncodeSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'EncodeSans-Light';
    src: url('/fr/v2/fonts/EncodeSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EncodeSans-Regular';
    src: url('/fr/v2/fonts/EncodeSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EncodeSans-SemiBold';
    src: url('/fr/v2/fonts/EncodeSans-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #313131;
}
/* ==========================================================================
   Header site
   ========================================================================== */

#site-header .header-top {
    background-color: #ffffff;
}

#site-header .header-bottom {
    background-image: url(/fr/v2/landing/partenariats/EDF/img/une-edf.jpg);
    background-position: right;
}

.call-content .intro-titre {
    padding-bottom: 0;
}

label.invisible { display:none; }

form#search > div:first-child { max-width:550px !important; margin:0 auto; }
div.eir_td.inp, div.srch_frm td.inp { max-width:500px; }
div.eir_td.inp input, div.srch_frm td.inp input { width:500px; display:inline-block; }
div.eir_td { display:inline-block; min-width:inherit !important; }	
div.eir_td .searchbtn { margin:0 !important; }
div.eir_td .searchbtn input { background:#399ed5; padding:6px; color:#fff; text-transform:uppercase; font-weight: bold; width:40px; font-size:14px; }

#slide-form .a_blocfctltitre { display:none; }
#slide-form .a_blocfctl { display:block;     font-family: EncodeSans-Regular; }
.top-group, .middle-group, .bottom-group { display:block; width:100%; }
#slide-form .err { margin-bottom:20px; }
#slide-form small { color: #999; display: inline-block; margin-top: 45px; text-align: justify; max-width:500px; }

#slide-form .___UpdatePanel { width:100%; }

.mentions-cnil {
    font-family :"EncodeSans-Regular", Arial, sans-serif;
    color: #edecea;
    font-size: 12px;
}

.main {
    max-width: 100%;
}

#lp-wrapper{
    display:none;
}
.align-form {
    display: inline-block !important;
    width: 100%;
    
}
.align-num {
    display: inline-block !important;
    float: right;
    width: 48%;
}

.separator-ou{
    display: inline-block;
    padding: 0 0;
    color: #000;
    float: right;
    position: relative;
    top: 250px;
    font-weight: bold;
    font-size: 2em;
    font-family: EncodeSans-Bold;
}

.separator-ou:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    height: 120px;
    width: 1px;
    position: relative;
    left: 34px;
    top: -84px;
}

.separator-ou:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    height: 120px;
    width: 1px;
    position: relative;
    left: -31px;
    top: 80px;
}

.partenariat{
    font-weight: bold;
    font-size: 20px;
    padding: 14px 20px;
    font-family: EncodeSans-Regular;
    color: #000;
    display: block;
}
#site-header .sticker {
    background: #399ed5;
    background: -webkit-linear-gradient(315deg, rgb(57, 158, 213), rgb(57, 158, 213) 70%);
    background: #fece30;
    padding: 10% 156px;
    max-width: 720px;
    width: 100%;
}

#section-phone .open-hours {
    color: #000000;
    font-size: 17px;
    padding: 0 60px;
    font-family: EncodeSans-Light;
}

#section-phone h2 {
    color: #000000;
    font-family: EncodeSans-Regular;
    padding-bottom: 40px;
}


.call-content {
    background-color: #fece30;
    color: #000;
}

.content {
    padding: 90px 150px;
}

.content-phone {
    padding: 60px 120px;
}

.block-logos{
    position: relative;
    margin: 0 auto;
}
.___UpdatePanel, .blocboutons {
    display: inherit;
    vertical-align: middle;
}
#site-header .header-bottom {
    position: relative;
    background-size: cover;
    text-align: right;
    padding: 170px 20px 20px;
}

.accordion{display:none}
.slide-content {
    display: none;
    padding-bottom: 0px;
}


#site-footer {
    font-family :"EncodeSans-Regular", Arial, sans-serif;
    padding: 30px;
    background: #313131;
}
#site-footer small {
    color: #edecea;
    font-size: 12px;
    text-align: left;
}
@media (max-width: 1090px) {

    .align-form {
        display: block !important;
        width: 100%;
        
    }
    .align-num {
        display: block !important;
        float: right;
        width: 100%;
    }
    .separator-ou{
        padding: 0px 0  25px 0;
        color:#000;
        text-align:center;
        display: block;
        float: none;
        top: 0;
        font-family: EncodeSans-Bold;
    }
        .separator-ou:before, .separator-ou:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            background-color: #000;
            margin: 0 20px;
            height: 1px;
            width: 80px;
            top: 0;
            left: 0;
        }
}

@media (min-width: 940px) {
    div.home #site-header .header-seen {
        font-size: 18px;
    }
    div.home #site-header .header-seen  .pf-bold {
        font-size: 25px;
    }

    #site-header .brand-text{
        text-align: left;
        flex-basis: inherit;
        font-size: 20px;
    }

    #site-header {
        background-size: auto;
    }

    #site-header .offer {
        background-color:#ed6f25;
        position: relative;
        overflow: hidden;
    }

    #site-header.common-header {
        height: 530px;
    }

    #site-header .burger {
        display: none;
    }

    #site-header .menu-list {
        display: -webkit-box;
        display: box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
                box-orient: horizontal;
        -webkit-box-direction: normal;
                box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
                box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0;
    }
     .menu-list li:last-child{
        text-align: right;
    }

    #site-header.common-header .header-text {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
    }

    #site-header.common-header .header-intro {
        padding-bottom: 10px;
    }

    #site-header .content {
        padding: 10px 0 40px;
    }

    #site-header .header-bottom {
        padding: 0 0 0 0px;
        text-align: left;
    }

    div.home #site-header .header-bottom {
        padding: 0;
        display: block;
    }

    div.home #site-header .header-bottom {
        padding: 0;
        display: block;
    }

    #site-header .header-titre {
        font-family: 'EncodeSans-Bold';
        font-size: 40px;
    }
    #site-header .header-intro2 {
        font-family: 'EncodeSans-Bold';
        font-size: 20px;
    }
    #site-header .header-intro {
        font-family: 'EncodeSans-Bold';
        font-size: 34px;
    }


    #site-header .header-nav {
        display: block;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 14px;
        font-family: 'EncodeSans-Bold';
        text-transform: uppercase;
        border-top: 2px solid #c5c5c5;
        padding-top: 20px;
    }

    #site-header .header-nav .menu-list.dropdownlist  >li{
        padding: 0 0 0 10px !important;
    }

    #site-header .header-nav .menu-list.dropdownlist  >li li{
        padding: 10px !important;
        text-align: left;
        font-size: 12px;
    }

    #site-header .header-nav .menu-list.dropdownlist  > li,
    #site-header .header-nav .menu-list.dropdownlist  > li li {position: relative; }

    #site-header .header-nav .menu-list.dropdownlist  > li li:hover {color: #1d4e8b; background-color: #e6e6e6;}

    #site-header .header-nav .menu-list.dropdownlist  ul {
      position: absolute;
      width: 100%;
      top: 47px;;
      left: 0;
      max-height: 0em;
      margin: 0;
      padding: 0;
      background-color: #ddd;
      overflow: hidden;
      transition: .5s max-height 0.3s;
      z-index: 100000;
      color: #3c3c3c;
      text-align: left;
    }

    #site-header .header-nav .menu-list.dropdownlist  > li:hover ul {
      max-height: 13em;
    }

    #site-header .header-row {
        padding: 30px 0;
    }

    #site-header .header-content {
        font-family: 'EncodeSans-Regular';
        width: 100%;
        height: 12.8125rem;
        padding: 1.875rem 0 0 15.875rem;
    }

    #site-header .header-text {
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 60px;
        width: 50%;
    }

    div.home #site-header .header-text {
        width: 28.125%;
        background: #02184c;
        position: relative;
        float: left;
    }

    div.home #site-header .header-text img {
        width: 100%;
    }

    #site-header .header-ad {
        display: inline-block;
        padding-top: 12px;
        text-align: left;
    }

    div.home #site-header .header-ad {
        position: absolute;
        bottom: 170px;
        text-align: center;
        left: 0;
    }

    #site-header .header-ad-c {
        display: inline-block;
        position: absolute;
        bottom: 50px;
        top: -12px;
        padding-top: 12px;
        text-align: center;
        left: 0.4px;;
    }

    #site-header .header-ad-s {
        display: inline-block;
        position: absolute;
        bottom: 50px;
        padding-top: 12px;
       /* text-align: center; */
        left: 0;
        font-family:"EncodeSans-Bold";
    }

    #site-header .header-sticker {
        display: inline-block;
        vertical-align: bottom;
        width: 50%;
        font-size: 3.25rem;
        margin-top: 90px;
    }

    div.home #site-header .header-sticker {
        width: 40.27777777%;
        background: #399ed5;
        float: left;
    }

    #site-header .sticker {
        display: block;
        text-align: center;
        margin: 0 0 0 auto;
        min-height: 390px;
    }

    .header-allBlack {
        display: inline-block;
        position: relative;
        background: #0d0d0d;
        border-right: 1px solid #ffffff;
        width: 31.52777777%;
        float: left;
        border : 0px;
    }



    #site-header .call-form p {
        font-size: 18px;
    }

    #site-header .header-small {
        display: block;
        font-size: 12px;
        font-family: 'EncodeSans-Regular';
        padding-right:0;
        padding-top: 20px;
    }

    div.home #site-header .header-small {
        text-align: center;
    }

    #site-header .header-small a:hover { text-decoration:underline; }

    #site-header .bank-pic {
        padding: 0 5px;
    }

    #site-header .offer {
        background-color: #399ed5;
        background-color: rgb(231, 105, 47);
        font-family: 'EncodeSans-Bold';
        margin: 0 0 0 auto;
        text-align: center;
        max-width: 580px;
        width: 100%;
    }

    #site-header .offer-text {
        font-size: 45px;
        /*text-transform: uppercase;*/
        padding-top:1px;
    }

    div.home .call-content .intro-titre {
        font-size: 30px;
    }

    #site-header .offer-text span {
        display: block;
        font-size: 20px;
    }

    div.home #site-header .offer-text span { font-size: 22px; }

    #site-header .offer-text span.offer-prolongation {
        display: table;
        font-size: 24px;
        background:#1d4d8b;
        border:2px solid #fff;
        text-transform:uppercase;
        padding:10px 18px;
        margin:0 auto 10px;
        width:auto;
    }
}
@media (min-width: 940px) {

    .call-content .intro-titre {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        color: #000;
        padding-bottom: 30px;
        padding-top: 10px;
        text-align: left;
    }
    .intro-subTitle{
        display: inline-block;
        color: #000;
        padding: 0 0;
        text-align: left;
        font-size: 1.4em;
        padding-bottom: 30px;
        font-family: EncodeSans-Light;
    }
    #site-header .header-sticker h2 {
        font-size: 44px;
        padding-bottom: 30px;
    }

    #site-header .header-sticker strong {
        font-size: 36px;
    }
    .arrow{
        display: inherit;
    }
    
    #site-footer {
        padding: 50px 30px;
    }
}

@media (max-width: 1430px) {
    .call-content .intro-titre {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        color: #000;
        padding: 30px 0;
        text-align: left;
    }
}

@media (max-width: 1340px) and (min-width: 940px){
    #site-header .sticker {
        padding: 22px 85px !important;
        max-width: 575px;
        margin: 0 auto;
    }
}
@media (max-width: 940px) {
    .call-content .intro-titre {
        padding: 0% 20%;
    }
    .block-logos {
        position: relative;
    }
    .content {
        padding: 60px 30px;
    }
    .content-phone {
        padding: 60px 40px;
    }
    .call-content .intro-titre {
        padding: 0% 5%;
    }
    .call-content .intro-titre {
        text-align: center;
        font-family: EncodeSans-Bold;
    }
    .mentions-cnil {
        padding: 20px 0 0;
    }
}

@media (max-width: 620px) {
    .header-logo {
        height: 45px;
    }
    .partenariat {
        font-size: 14px;
        text-align: center;
    }
    #site-header .header-top {
        position: relative;
        padding: 10px 10px;
    }
}

@media (max-width: 400px) {
    #site-header .block-logos * {
        margin: 0 auto;
    }
    .partenariat {
        padding: 15px 0;
    }
}

/* ==========================================================================
   Section call
   ========================================================================== */

@media (min-width: 620px) {
    #section-call .content {
        line-height: 40px;
        padding: 20px;
    }
    .call-content .intro-titre {
        font-size: 29px !important;
        font-family: EncodeSans-Regular;
        text-transform: uppercase;
    }
    .responsive-break{
        display: none;
    }
}
@media (max-width: 620px) {
    .responsive-break{
        display: block;
    }
    .accordion {
        display:block;
        cursor: pointer;
        padding: 0 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        margin-bottom: 20px;
        transition: opacity 0.3s ease-in;
        text-align: center;
        color: #edecea;
        font-family: "EncodeSans-Regular", Arial, sans-serif;
        opacity: 0.5;
    }

    .accordion:after {
        content: '\25bc';
        color: #edecea;
        font-weight: bold;
        margin-left: 5px;
        padding-right: 10px;
    }

    .active:after {
        content: "\25b2";
    }

    .panel {
        padding-top: 20px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    #site-footer small {
        text-align: justify;
    }
    #section-phone .open-hours {
        padding: 0 40px;
    }
    .content.call-content.partenariat-mobile {
        background-color: #fff;
    }
    img.logo-mobile {
        width: 150px;
    }
    .call-content .intro-titre {
        text-align: center;
        font-family: EncodeSans-Bold;
        font-size: 14px;
    }
    h2.intro-titre {
        display: inline-block !important;
        padding: 0 !important;
    }
    .content.call-content.partenariat-mobile {
        padding: 5px !important;
    }
}
/* ==========================================================================
   Section phone
   ========================================================================== */

#section-phone {
    display: none;
}

@media (min-width: 620px) {
    #section-phone {
        display: block;
        background-color: #ffffff;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f0f0f0');
    }

    #section-phone h2 {
        color: #1d4e8b;
        padding-bottom: 40px;
    }

    #section-phone .call-intro {
        display: inline-block;
        color: #ed6f25;
        padding: 30px;
        padding-top: 70px;
    }

    #section-phone .intro-number {
        font-size: 90px;
        word-spacing: -15px;
    }

    #section-phone .call-intro small {
        font-family: 'EncodeSans-Bold';
        font-size: 15px;
        text-align: right;
    }

    #section-phone .open-hours {
        font-size: 17px;
        padding: 0 60px;
        color: #000;
        font-family: EncodeSans-Regular;
    }
    
}

@media (min-width: 620px) {
    #section-phone h2 {
        padding: 0;
        color: #000;
        font-family: EncodeSans-Regular;
    }
}


/* ==========================================================================
   Section form
   ========================================================================== */

section {
    background: #314788;
}

#section-form h2 {
    padding-bottom: 40px;
    color: #fff;
    font-family: EncodeSans-Regular;
}

#section-form form {
    color: #fff;
    margin: 0 auto;
    max-width: 600px;
    text-align: left;
}

#section-form form .iti__dropdown-content {
    color: #646464;
}


#section-form input[type="radio"] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

#section-form label {
    padding-left: 5px;
    vertical-align: middle;
}

#section-form .bottom-group label { padding-left:0; font-size:14px; }

#section-form .radio-group {
    display: inline-block;
    margin-bottom: 20px;
}

#section-form .radio-group:nth-child(n+2) {
    padding-left: 30px;
}

#section-form input[type="text"], #section-form input[type="tel"], #section-form input[type="email"], #section-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    display: block;
    background: #ffffff;
    border: 2px solid #d0d0d0;
    border-radius: 0;
    color: #646464;
    font-size: 15px;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
    font-family: EncodeSans-Regular;
}

#section-form input[type="text"].iti__search-input {
	margin:0;
}

#section-form .select-wrapper {
position: relative;
}

#section-form .select-wrapper:after {
    content: url("/fr/html/images/common/select-arrow.png");
    bottom: 2px;
    right: 2px;
    top: -16px;
    margin: auto;
    background-color: #f0f0f0;
    padding: 10px;
    position: absolute;
    pointer-events: none;
    height: 40px;
}

#section-form select {
    background-color: #ffffff;
    margin-bottom: 30px;
}

#section-form button[type="button"] {
    background-color: #ed6f25;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-family: EncodeSans-Bold;
    font-size: 15px;
    margin-bottom: 30px;
    padding: 15px;
    text-transform: uppercase;
    transition: background-color 0.25s;
	width:100%;
	margin-top:10px;
}

#section-form button[type="button"].iti__selected-country {
    margin:0
}

#section-form button[type="button"]:hover {
    background-color: #fb793e;
    transition: background-color 0.25s;
}

#section-form .bottom-group {
    text-align: center;
}

#section-form .option-bold {
    font-family: 'EncodeSans-Bold';
}

#section-form .horaireRappel {
	margin-top: 10px;
}

@media (min-width: 620px) {
    #section-form form {
        font-size: 18px;
    }

    #section-form input[type="text"], #section-form input[type="tel"], #section-form input[type="email"], #section-form select {
        font-size: 18px;
    }

    #section-form .select-wrapper {
        display: inline-block;
        width: 100%;
    }

    #section-form select {
        margin: 0;
        vertical-align: top;
        margin-bottom: 20px;
    }

    #section-form button[type="button"] {
        height: 40px;
        margin: 0;
        margin:20px 0 0 0;
        padding: 0;
        vertical-align: top;
        width: 100%;
    }
 }


/* ==========================================================================
   Section informations
   ========================================================================== */


.eps-popin-formsStyle-lignInfo {
    font-family: "EncodeSans-Regular";
    font-size: 14px;
    margin: 40px auto 20px;
    width: 90%;
    position: relative;
    padding: 15px 0 15px 25px;
    border: 1px solid #edecea;
    border-width: 1px 0;
   }
#section-informations h2 {
    color: #1d4e8b;
    padding-bottom: 30px;
}

#section-informations p {
    color: #1d4e8b;
    font-size: 17px;
    font-family: 'EncodeSans-Bold';
    padding-bottom: 30px;
}

#section-informations form {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin: 0 auto;
    max-width: 600px;
    margin-bottom: 40px;
}

#section-informations input[type="text"] {
    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: 2px solid #d0d0d0;
    border-right: 0;
    font-size: 15px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
}

#section-informations button[type="submit"] {
    background-color: #ed6f25;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-family: 'EncodeSans-Bold';
    height: 100%;
    margin: 0;
    text-transform: uppercase;
    transition: background-color 0.25s;
    width: 40px;
    vertical-align: middle;
}

#section-informations button[type="submit"]:hover {
    background-color: #fb793e;
    transition: background-color 0.25s;
}

#section-informations small {
    display: block;
    text-align: center;
}

#section-informations .bank-pic:nth-child(n+2) {
    padding-left: 30px;
}

@media (max-width: 620px) {
    .___UpdatePanel, .blocboutons {
        display: block;
        vertical-align: middle;
    }
    #site-header .header-bottom {
        background-position: -1250px;;
        text-align: left;
        font-size: 24px;
        font-weight: 400;
    }
    #site-header .header-sticker {
        font-family: 'EncodeSans-Regular';
        font-size: 28px;
    }
}
#site-header .header-sticker {
    display: block;
    text-shadow: 0px 1px #adadad;
}

.___Textarea{
    width: 100%;
    border: 2px solid #d0d0d0;
    height: 75px;
    color: #646464;
    font-size: 18px;
    padding: 5px 10px;
    font-family: EncodeSans-Regular;
}

.blocmsg.alerte {
    color: red;
}

.info p { 
	text-decoration: none;
	/*color: #03B132;
	border: 1px solid #03B132;
	padding: 25px;
	background-color: #CBFCD5;	*/
}

.err ul.niv1 li {
    color: #fff;;
}

.bg_white {
    background: #fff;
}