/*==========================
====== Espace Contact ======
==========================*/
.narrow-box { padding: 30px 0; }
.clear { clear: both; }
.espace-contact-left {
    float: left;
    width: 49.7%;
    margin: 70px 0 0;
}
.espace-contact-right {
    float: right;
    width: 49.7%;
    margin: 70px 0 0;
}
.espace-contact-left img, 
.espace-contact-right img { width: 100%; }
.content-espace-contact {
    width: 100%;
    height: 560px;
    padding: 25px 8.42% 60% 10.1%;
    background-color: #f4f4f4;
}
.content-espace-contact ul { padding: 0; }
.content-espace-contact ul li {
    position: relative;
    cursor: pointer;
    margin: 0 0 0 -50px;
    padding: 24px 0 24px 50px;
}
.content-espace-contact ul li a, .content-espace-contact ul li span.form-btn {
    position: relative;
    z-index: 2;
    font-size: 1.3em;
	font-weight:lighter;
}
#container-form{
	width:100%;
	border-width:0;
	border:none;
	overflow:hidden;
	height:0;
	display:block;
	margin:auto;
	position:relative;
}
li span.redli {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #ed1a3a;
    background-image: url(https://static.homologation.societegenerale.fr/ent/ENT/EIE2015/assets/images/arrow-white.png);
    background-repeat: no-repeat;
    background-position: 20px 32px;
}
.content-espace-contact ul hr {
    width: 100%;
    height: 1px;
    border: none;
    background-color: #c3c3c3;
    margin: 0;
}
#anchor-arrow { padding-bottom: 5px; }
#section-form h2 { display: none; }


@media only screen and (max-width: 960px) {
    .rdv-prospect {
        background: url(https://static.societegenerale.fr/ent/ENT/EIE2015/_assets/images/rencontrons-nous-hero-smart.jpg) no-repeat center top;
    }
    #container-form.assistance-produit {
        height: 1300px !important;
    }
}

@media only screen and (max-width: 640px) {
    .rdv-prospect {
        background: url(https://static.societegenerale.fr/ent/ENT/EIE2015/_assets/images/engagements-hero-smartphone.jpg) no-repeat center top;
    }
    .hero__content h1 {
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .espace-contact-left {
        width: 100%;
    }
    .espace-contact-right {
        width: 100%;
        margin: 10px 0 0;
    }
    #container-form.assistance-produit {
        height: 2350px !important;
    }
    #container-form.assistance-sogecash-net {
        height: 2000px !important;
    }
    #container-form.assistance-service-carte {
        height: 2050px !important;
    }
}