/* HEADER */

header.hero:before {
    background: #017c83;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
	display:block;
    left: 0;
}


section:first-of-type > div {
    margin-top: -130px;
    position: relative;
    background: #fff;
    padding: 2rem 4rem 0;
}

.hero.part .col_1_2 .col_1_2 {
    height: auto;
    margin-bottom:0;
	padding:0.6rem
}

.hero.part .col_1_2 .col_1_2:first-of-type {
    margin-bottom:0;
	padding-left:0
}

.hero.application .banner a img, #dos_go img {
    width: 100%;
    height: auto;
    display: block;
	max-width:210px;
	margin:0 auto
}

.hero .banner ul {
    padding:0;
	margin:2rem 0 0 0;
}

.nobullet li {
	list-style:none
}

	.ei_contener header.hero.solo .banner div {
    padding: 6rem 0;
}


	
  .page-header {
   padding: 2.353em 0 0 0 !important;
  }
  .page-header h1 {
    line-height: 1.3em;
    padding-top: 1em;
    text-align: left;
  }
  .page-header h1 span {
    color:#2e3b4e;
  }
  .page-header img {
    display: block;
    max-width: 100%;
  }

  /* SECTIONS */


  .cd-section {
    min-height: 100%;
    position: relative;
        padding: 2rem 4rem 0;
  }
  
  .hero.application .portrait.one {
    left: 21%
}
  

  .section-intro {
    color:#2f2f2f;
    font-size: 1.059em; /*18px*/
    text-align: center;
  }
  
  
   .body .cd-section h2 {
    padding-top: 0;
	margin-top:0;
  }

  #avantages {
    padding-bottom: 0;
  }
  
  #avantages ul {
    margin:0 auto;
    list-style-type: none;
	padding-top:0;
	padding-left:5rem;
  }

  #avantages li {
    background: transparent url('/fr/epargnants/offres/avance-epargne-salariale/visuels/check.svg') center left no-repeat;
    background-size: 30px 30px;
    color:#2f2f2f;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1rem 0 1rem 3rem;
  }
  
    #avantages li:first-of-type {
   padding-top:0
  }

  #avantages li strong {
    color:#EB4343;
  }

  #avantages li span {
    color:#505050;
    display: block;
 
    font-size: .750em;
  }

.cd-section img {
	max-width:500px;
}

  #modalites {
    padding-bottom: 5.294em;
	padding-top:3rem
  }


	.cd-section .nobullet {
		padding:0;
		margin:0 auto
	}

  #dos_go h2 {
    font-size: 2.353em;
    padding-top: 0;
  }
  #dos_go h2 span {display: block; color: #015d63;line-height: 1.5;
  }

  #dos_go ul.row {
	margin:0 auto;
	padding:0
  }
	
	ul.row.nobullet.dl {
    max-width: 450px;
}


@media only screen and (max-width: 768px) {
	
	.hero.application .banner a {
    width: 100%;
}
	
	.hero.application .portrait {
   
}
	
	section:first-of-type > div {
    padding: 1rem;
}

.ei_contener section ul {
    margin: 0;
	padding:0
}

.cd-section {
    padding: 0;
}
	
	#avantages ul {
    padding-left: 0;
	padding-top:2rem
}
	
	.hero .banner a img {
		width: 100%;
		height: auto !important;
	}
	  
  #avantages {
   padding-bottom: 2rem;
}  

#avantages .videoContainer {
    margin-bottom: 0;
}

#avantages dl {
	margin-bottom:1rem
}

}

@media only screen and (max-width: 400px) {
	
	.hero.application .portrait {
   left:0
}

}