/*** ANI ***/
	
	.ani .hero .img {
    opacity: 0.1;
	}
	
	
	/***/
	
	
	body {
		overflow-x:hidden
	}
	
	h1 {
		color:#fff;
	}
	
	[data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd p {
		margin-top:0
	}
	
	[data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd ul li {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
	/* ouverture */
	
	.accordeon table thead th:first-child, .accordeon table thead th:last-child {
		border-radius:0;
	}

	.accordeon dt:hover {
		background:#f7f7f7;
		border-bottom:1px solid #f7f7f7;
	}
	
	.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] {
		border-bottom:1px solid #f7f7f7;
		background: #f7f7f7;
	}
	
	.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
		padding: 1.3rem 1.5rem 1.3rem 1.5rem;
	}
	
	.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd {
		padding:0 1.5rem 1.5rem 1.5rem;
		background:#f7f7f7;
		margin-left: 0;
		margin-bottom:1rem;
		border-bottom:1px solid #f7f7f7;
	}
	.dossier-special .accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed]:after {
		transform: translateY(-35%) translateX(-95%) rotate(45deg);
	}
	
	.dossier-special .accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"]:after {
		transform: translateY(-35%) translateX(-95%) rotate(90deg);
	}
	
	.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
		font-size: 1.2rem;
	}
	
	.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed] b {
		font-weight:normal;
	}
	
	
	/* ouverture */
	
	.rwd_show {
			display:none
	}

	.dossier-special .info {
		padding:2rem;
		background:#f3f3f3;
		margin-top:1rem;
	}
	
	.body.dossier-special article header {
		position: relative;
		padding: 0;
		overflow:hidden;
		margin-top:0;
	}

	.dossier-special h2 span {
		border-bottom:none;
	}

	.hero .img {
		padding: 0;
	}
	
	.dossier-special .accordeon h2 {
		margin-bottom:1rem;
		margin-top:6rem;
	}
	
	.dossier-special .accordeon h2:first-of-type {
		margin-bottom:1rem;
		margin-top:0
	}
	
	.dossier-special .accordeon h3:first-of-type {
		margin-bottom:0;
		margin-top:0
	}
	
	.dossier-special .accordeon h3 {
		color:#fff;
		margin-top:0
	}
	
	.dossier-special .accordeon h3 img {
		position: relative;
		top: .5rem;
		margin-right: 0.5rem;
	}
	
	.dossier-special .eclairage h4 {
		margin-top:0
	}
	
	.eclairage {
		border: 1px solid #f2efed;
		margin-top:1rem;
		background:#fff;
	}
	
	.dossier-special dl {
		margin-bottom:0;
		margin-top:0
	}

	.dossier-special section header div {
		/*border-radius: 20px;*/
	}
	
	.dossier-special #hero-img {
		height: 380px;
		position: relative;
		background: #cfd8dc;
		z-index: -2;
		overflow: hidden;
	}
	.dossier-special #hero-img img {
		display: block;
		max-width: 100%;
		height: auto;
		position: relative;
	}

	.titre_dossier_special {
		display: block;
		position: absolute;
		transform: translateX(-50%);
		top: -170px;
		left: 50%;
		color: #455a64;
		font-weight: bold;
		font-size: 6.5em;
	}
	
	.dossier-special article section:first-of-type {
		margin-top: -6rem;
		padding-bottom:0
	}

	.dossier-special article div.intro {
		position: relative;
		background:#fff;
		border-radius: 20px;
		padding-bottom:0;
	}
	
	.dossier-special article div.intro p {
		font-size:1.1rem;
	}
	
	.body.actualite.dossier-special {
		border-top: none;
	}
	
	.dossier-special header .banner {
		min-height:14rem;
	}
	
	.dossier-special header .banner h2 {
		color:#f3f3f3
	}
	
	.dossier-special article section div {
		padding:2rem 4rem 2rem 4rem
	}

	.dossier-special section header {
		position: relative;
		z-index: 2;
	}

	.dossier-special h1.content-title {
		font-size: 3.25rem;
		padding-top:0
	}

	.dossier-special section header div {
		background: white;
		padding: 2rem 2rem;
	}

	.dossier-special .entry .content-intro {
		padding: 0 2rem;
		margin: 0 auto;
	}

	.dossier-special .entry .content-intro .col_1_2:nth-of-type(1) {
		padding-left:0
	}

	.encart h4 {
		font-size:1.2em;
	}

	.grilles {
		margin:110px 20px 20px 20px;
		border:3px solid #1b93d2;
		text-align:center;
		box-sizing:border-box;
		position:relative;
		padding:100px 30px 20px 30px !important
	}

	.encart .grilles h4 {
		width: 160px;
		height: 160px;
		font-size: 1rem;
		display: block;
		border-radius: 80px;
		background: #1b93d2;
		padding: 30px;
		color: white;
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		top: -110px;
	}

	.legends .legend {
		display:inline-block;
		width:49%; 
		font-size:0.8em
	}

	.legends .legend * {
		display:inline-block; 
		width:50%; 
		vertical-align:middle
	}

	.legends .legend .carre {
		width:25px;
		height:25px;
		margin-right:5px;
	}
	.legends .legend .carre.mo {
		background:#a8e0f8
	}
	.legends .legend .carre.obl {
		background:#17afe6
	}
	.legends .legend .carre.act {
		background:#1b63a4
	}
	.legends .legend .carre.pme {
		background:#f04e4e
	}

	.disp_row, .alt_row, .no_resp_row {
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: row;
		-ms-flex-pack: center;
		justify-content: space-between;
	}

	.dossier-special article .h2:before, .dossier-special article h2:before {
		display:none;
	}

	.dossier-special article h2 {
		padding-left:0
	}

	.disp_item {
		max-width: 25%;
		padding: 20px;
	}
	.table-mobile {
		display:none
	}

	.content-container {p
		adding-top:0 !important
	}

	.disp_row .savoir h4 {
		text-align:center; 
		margin:0; 
		padding:0; 
		color:red;
		font-size:1.1em;
	}

	.disp_row .savoir {
		display:block;
		position:absolute;
		background:white;
		bottom:20px;
		transform:translateX(-50%);
		left:50%;
		padding:20px;
	}


	.grey {
		background:#ebebeb;
		font-size: 0.85em;
		line-height: 1.4;
	}

	.grey div div div {
		padding:30px;
		line-height: 1.4;
	}

	.grey h3 {
		margin-bottom:30px;
	}

	.illu {
		background:#37474F; 
		position:relative;
	}

	.illu img {
		transform:translate(-50%, -50%);
		top:50%;
		left:50%;
		position:absolute;
		width:50%
	}

	.col_1_4.illu img {
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		position: absolute;
		width: 80%;
	}

	.entry {
		position:relative;
	}

	.hashtag {
		display:block;
		position:absolute;
		transform:translate(-50%, -50%);
		top:45%;
		left:50%;
		color:#2e3b4e;
		font-weight:bold;
		font-size:6.5em;
		font-family:"AktivGroteskW01Medium", Arial, sans-serif;
	}

	#pacte span {
		font-weight:normal
	}

	.content-content h2 {
		margin-top:2em;
		margin-bottom:1.5em
	}

	.dossier-special a {
		color:#2D5AA8
	}

	.dossier-special .scrolltop a:hover {
		text-decoration:none
	}

	.dossier-special .scrolltop .content-content a:hover,.dossier-special .scrolltop .content-content a:focus {
		border-bottom-width:1px; 
		border-color:#151515
	}

	.dossier-special a:hover, .dossier-special a:focus {
		color:#0D192F;
	}

	.dossier-special #hero-img {
		height:380px;
		position:relative;
		background:#9BC9E0;
		z-index:-2;

	}
	.dossier-special {
		padding-top:0
	} 

	.dossier-special .content-content {
		color:#505050;
		max-width:100%;
		padding: 0 1.5rem;
	}

	.dossier-special header {
		z-index:2; 
		margin:0 auto
	}

	.dossier-special .meme-sujet article {
		margin-top: 0
	}
	
	.dossier-special .meme-sujet .tile .banner .infos a {
		display:none
	}
	
	.dossier-special .meme-sujet .tile .banner .content-type {
		line-height: 1.2;
		background: none;
		color: #2b3446;
		font-size: 1rem;
		border-radius: 0;
		padding: 0;
		right: 0;
		width: auto;
		position: relative;
		margin: 0;
	}
	
	.dossier-special table {
		margin:0;
		width:100%;
	}
	
	article.rebound-article {
		margin-top: 0;
	}
	
	.dossier-special h1.content-title {
		padding-top:30px;
	}

	.dossier-special #sommaire {
		padding:15px 30px 20px 30px; 
	}

	.dossier-special #sommaire li {
		font-size:.9rem;
		margin-bottom:.5rem
	}

	#sommaire p {
		margin-top:0.2rem
	}

	.dossier-special .encart, .dossier-special #sommaire {
		border:1px solid #e5e5e5;
		box-shadow: 0 1px 2px rgba(0,0,0,.1); 
		overflow: hidden;
	}

	.dossier-special .content-intro {
		line-height:1.5; 
		font-size:1.32em;
	}

	.dossier-special article h2 {
		font-size: 2.12em;
		margin-bottom:1.5rem;
		color:#212121;
		position:relative;
		font-weight:bold;
	}

	.dossier-special h2 span {
		display: inline-block;
		/* transform: translateY(-50%); */
		top: 50%;
		/* position: absolute; */
		left: 0px;
		font-size: 2em;
		vertical-align: middle;
		color: #eb4343;
		font-weight: bold;
		margin-right: 2rem;
		line-height: 0.7;
		padding-bottom: 10px;
	}

	article section {
		padding: 2rem 4rem;
		position:relative;
		z-index:2;
	}

	.dossier-special .encart {
		margin-top: 60px;
		margin-bottom: 60px; padding:0;display:flex;
		font-size:0.93em;
		line-height:1.5;
	}
	.dossier-special .encart .illu {
		background-size: cover !important;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}
	.dossier-special .encart .col_1_3 {
		width:40%;}
		.dossier-special .encart .col_2_3 {
			width:60%
		}
		.dossier-special .encart p {
			line-height: 1.4
		}

		.dossier-special .encart .col_2_3, .dossier-special .encart .col_3_4  {
			padding: 25px 30px;
		}
		.dossier-special .encart h3 {
			color:#2d5aa8; 
			font-weight:bold;
			font-size: 1.45em;
			margin-top:0;
			line-height: 1.2;
		}
		.dossier-special .intro-row {
			font-size:1.176em;
		}
		.dossier-special .content-type {
			font-size:0.9em
		}

		.dossier-special .content-content .accordion {
			border-bottom:none
		}
		.dossier-special .content-content .accordion h3 {
			margin-bottom:0px;
		}
		.dossier-special .content-content h3 {
			margin-bottom:15px;
		}
		.dossier-special .entry .mentions, .dossier-special .row.scrolltop 
		margin-top:60px;
	}
	.dossier-special .back-to-top .icoon {
		margin-left:5px
	}


	.collectifs {
		color:#407fa8
	}
	.individuel {
		color:#f09d01
	}


	.content-content ul li ul {
		margin-bottom:0
	}

	#tableau-per .per {
		background: transparent; 
		padding:0 10px 10px 10px; 
		border-radius:5px; 
		text-align:center; 
		margin:1.5rem 0
	}

	.collectif {
		overflow:hidden;
	}

	.collectif h3 {
		color:white; 
		text-align:center; 
		font-size:1.5em; 
		background:#407fa8; 
		padding:30px 0; 
		margin-bottom:0px
	}
	.perin h3 {
		padding:10px;
		padding-top: 26px;
	}

	.perin h3, .per #titre  {
		text-align:center; 
		font-size:1.5em; 
		color:#000
	}
	#tableau-per .collectif {
		background:#ebebeb;
		border-radius:5px; 
		color:#4180aa
	}
	#tableau-per .perin {
		background:#f09d01;
		border-radius:5px;
		color:#000; 
		overflow:hidden
	}
	#tableau-per .perin, #tableau-per .collectif {
		padding:0
	}
	#tableau-per #titre span {
		display:block; 
		font-size:0.75em;
	}
	#tableau-per #titre {
		padding:15px;
	}
	.perin h3 span {
		display:block;
		font-size:0.75em
	}
	.pero {
		border-left:3px dashed white
	}
	#tableau-per h4 {
		margin:0; 
		padding:10px
	}

	.pero > div, .perecol > div {
		background:#ebebeb; 
		border-radius:5px; 
		margin:0
	}

	.compartiments > div {
		padding:10px; 
		font-size:0.9em; 
		min-height:160px;
		position:relative
	}

	.compartiments > div:hover,.compartiments > div.active {
		cursor:pointer;
		background:#f3f3f3
	}
	.perin .compartiments > div:hover, .perin .compartiments > div.active {
		cursor:pointer; 
		background:#efb402
	}

	.compartiments {
		border-top:2px solid #fff
	}
	.compartiments img {
		margin:0 auto; 
		position:absolute;
		transform:translateX(-50%);
		left:50%; bottom:20px
	}

	.compartiments div:nth-child(2) {
		border:2px solid #fff; 
		border-top:none; 
		border-bottom:none
	}
	.pero p, .perecol p,.perin p {
		padding:0 20px;
		font-size:0.90em;
	}
	.perin p {
		padding:2px 0;
	}
	.perecol, .pero {
		padding:0 !important
	}

	#tableau-alimentation td {
		text-align:center; 
		padding:8px; 
		border:1px solid #f3f3f3; 
		font-size:0.95em
	}
	#tableau-alimentation .collectif {
		background:#407fa8;
		color:white; 
		font-size:1.2em
	}
	#tableau-alimentation .perin {
		background:#f09d01; font-size:1.2em
	}
	#tableau-alimentation .versement_perin {
		color:#f09d01; 
		font-size:0.85em
	}
	#tableau-alimentation .versement {
		color:#407fa8; 
		font-size:0.85em
	}
	#tableau-alimentation .versement, #tableau-alimentation .versement_perin {
		font-weight:bold
	}
	#tableau-alimentation .noborder {
		border:none;
	}
	#tableau-alimentation small {
		line-height:1;
		display:block
	}
	#tableau-alimentation {
		margin:90px 0 60px 0
	}


	.pointok {background:url(/fr/entreprises/actualites-et-publications/dossiers/2019-07_reforme-epargne-retraite/visuels/ok.svg) center bottom no-repeat transparent; display:block; height:30px; width:30px; margin:0 auto;border-radius:30px;}
	.pointko {background:url(/fr/entreprises/actualites-et-publications/dossiers/2019-07_reforme-epargne-retraite/visuels/ko.svg) center bottom no-repeat transparent; display:block; height:30px; width:30px; margin:0 auto;border-radius:30px;}

	#modal_forgottenuser_container{
		min-width:600px
	}
	#modal_exemple_container{
		min-width:800px
	}

	.blocmodal {
		padding:0px;
		box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
		background:#fff;
		overflow:hidden;
		overflow-y:scroll;
		max-width:60%;
		width:80%
	}
	
	.blocmodal>div {
    overflow-y: hidden !important;
    height: auto !important
	}

	.blocmodal .croce {
		display: block;
		position: absolute;
		right: 5px;
		top: 5px;
		height: 30px;
		text-align: center;
		width: 30px;
		cursor: pointer;
		line-height: 2;
		cursor:pointer;
	}

	.blocmodal .header {
		padding:20px;
	}

	.blocmodal .bouton a{
		position:absolute;
		width:30%;  
		display:block;
		top:1rem;
		left:1rem;
	}

	.blocmodal .pg::before {content:"";
	display: block;
	content:"";
	position: absolute;
	left:20px;
	top: 50%;
	transform:translateY(-50%);
	height: 70px;
	text-align: center;
	width: 70px;
	border-radius:70px;
	overflow:hidden;
	background-size:80%}


	.blocmodal .modalites:before {
		background:url(/fr/entreprises/actualites-et-publications/dossiers/2019-07_reforme-epargne-retraite/visuels/capital.jpg) no-repeat center center white;
	} 

	.blocmodal .entree:before  , .blocmodal .sortie:before  {
		background:url(/fr/entreprises/actualites-et-publications/dossiers/2019-07_reforme-epargne-retraite/visuels/fiscalite.jpg) no-repeat center center white;
	} 



	.blocmodal .pg {
		padding:20px 20px 20px 130px; 
		color:#3f7fa6; 
		position:relative; 
		min-height:90px
	}
	.blocmodal ul {
		padding-left:20px;
	} 

	#exemple {
		font-size:1em; 
		padding-left:20px;
		margin-top:60px
	}
	.orange {
		font-weight:bold
	}
	#exemple ul {
		padding-left:30px;
	}

	.exemple {
		margin:40px 0
	}



	.dossier-special .une img {
		width:100%
	}
	.une [class*="col_"] {
		padding:0
	}
	.dossier-special .une  h1.content-title {
		padding-top:0
	}
	.une div , .une div div {
		background:#f3f3f3 !important
	}
	.dossier-special .une header {
		border:none;
	}


	.content-content .une h2.content-title {
		margin-top:0 !important
	}

	.dossier-special .une h2 {
		padding-left:0;
		font-size: 1.765em;
		padding-bottom: 1.053em;
		text-align: center;
		color: #2d5aa8;
		margin:0 !important;
		font-family: "AktivGroteskW01Light",Arial,sans-serif;
		font-weight: 300;
		line-height: 1.1;
		margin: 0 0 .882em 0;
		margin-top: 60px !important;	
	}
	.dossier-special header > div {
		padding:2rem 0
	}
	
	
	.content-content.une a:hover {
		text-decoration:none;
	}
	.une .col {
		width: 49% !important;
		float: none !important;
		display: inline-block;
		vertical-align: middle;
	}


	@media (max-width: 768px) {
		
		.dossier-special article section .accordeon {
			padding:0
		}
		
		.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd {
			padding: 1rem;
		}
		
		[data-collapse][role="tablist"] [role="tab"][data-collapsed] {
			background:#fff
		}
		
		.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
			padding: 1.3rem 2rem 1.3rem 1rem;
		}
		
		.dossier-special .accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed]:after {
			transform: translateY(-35%) translateX(-45%) rotate(45deg);
		}
		
		.dossier-special .accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"]:after {
			transform: translateY(-35%) translateX(-45%) rotate(90deg);
		}
						
		.accordeon table thead th:first-child {
			border-radius:10px 10px 0 0
		}		
		
		.accordeon [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
			border-bottom: none;
		}

		.rwd_hide {
			display:none
		}
		
		.rwd_show {
			display:block;
			text-align:center;
		}
		
		table thead th, table td {
			width: 100%;
			display: block;
		}
			
		
		.intro p:first-of-type {
			padding-top:0;
			margin-top:0
		}
		
		.dossier-special article h2 {
			margin-bottom: 0;
		}
		
		.dossier-special header .banner {
			min-height: auto;
		}
				
		.dossier-special.actualite .hero div.banner h1 {
			padding: 0;
		}

		#ei_tpl_fullsite article .h2:first-of-type, #ei_tpl_fullsite article h2:first-of-type {
			font-size:1rem;
		}
		
		.dossier-special article section:first-of-type {
			margin-top: -3rem;
			padding-bottom: 0;
		}
		
		.dossier-special article section div {
			padding: 1.5rem;
		}
		
		article section {
			padding: 1rem
		}
	
	}