body {
		overflow-x:hidden
	}
	
	.dossier-special section header {
		border-radius: 30px;
	}

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

	.dossier-special section header div {
		/*border-radius: 20px;*/
	}
	
	.body.actualite.dossier-special article .content-type {
		right: 20px;
		top: auto;
		transform: none;
		display:inline-block
	}

	.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 section > div > article {
		margin-top: -140px;
		position: relative;
	}

	.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 header div {
		background:white; 
		padding:30px 80px;
	}

	.dossier-special article {
		margin-top: -140px;
	}
	
	.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: 0 4rem
	}

	.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 ol {
			list-style: none;
			counter-reset: item;
			padding: 0px;
			margin-top:20px;
			margin-bottom:0
		}
		.dossier-special ol li {
			counter-increment: item;
			font-size: 0.95em;
		}
		
		.dossier-special #sommaire ol li:before {
			content: counter(item) ".";
			color: #2d5aa8;
			width: 1.2em;
			margin-left:0;
			position:relative;
			font-weight: bold;
			display: inline-block;
			border:none;
			padding:0;
			margin-right:0;
			top:0
		}

		.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:20px 0
	}
	.content-content.une a:hover {
		text-decoration:none;
	}
	.une .col {
		width: 49% !important;
		float: none !important;
		display: inline-block;
		vertical-align: middle;
	}


	@media only screen and (max-width: 400px) {
		#modal_forgottenuser_container, #modal_exemple_container {
			cursor:pointer;
		}
		.une .col {
			width: 100% !important;
			float: none !important;
			display: inline-block;
			vertical-align: middle;
		}
		.btn.secondary {
			width: 72%;
			display: block;
			margin: 0 auto !important;
		}
	}


	@media (max-width: 500px) {
		.dossier-special .encart {
			flex-wrap:wrap;
		}
		.dossier-special .encart .col_2_3, .dossier-special .encart .col_1_3 {
			width:100%
		}
		.dossier-special .encart .col_1_3 {
			height: 300px
		}
	}
	@media (max-width: 1200px) {
		.dossier-special h2 {
			padding-left:40px;
		}
		.dossier-special h2 span {
			left:0;
			font-size: 1.5em;
			bottom:auto;
			margin-right: 15px;
			transform:none;
			top:auto;
		} 
		#cd-vertical-nav {
			display:none !important;
		}

		.table-desktop {
			display:none
		}
		.table-mobile {
			display:block
		}

	}
	@media (max-width: 768px) {

		article section {
			padding: 0 1rem;
		}

		.dossier-special h1.content-title {
			font-size: 2.3em;
		}

		.dossier-special header {
			margin: auto;
		}

		.dossier-special #hero-img {
			height:200px;
		}

		.dossier-special .entry .content-intro {
			padding:0
		}


		.dossier-special section header div, .dossier-special h1.content-title {
			padding:0
		}

		.dossier-special section > div > article {
			margin-top:0
		}	

		.body.actualite.dossier-special header {
			margin-top: 1rem;
			margin-top: 20px;
		}

		.hashtag {
			top:50%;
			font-size: 5em;
		}

		.dossier-special .col_3_4 {
			width: 100%;
		}

		.dossier-special .col_1_4.illu {
			display:none
		}


		.disp_item, .disp_row .savoir {position:relative;
			margin:0 auto;
			width:90%;
			max-width:100%;
			display:block;}

			.compartiments > div {
				min-height: 90px;
			}

			.wrapper-table {
				width:100%;
				white-space: nowrap;
				overflow-y: hidden;
				overflow-x: scroll;
				-webkit-overflow-scrolling: touch;
			}	

			.pointok, .pointko {background:none;}

			.disp_row .savoir {
				transform:none; 
				left:auto; 
				bottom:20px;
				margin-top:20px;
			}

			#exemple ul {
				padding-left:0px;
			}
			.exemple .col_10 {
				width:100%;
			}


			#pacte {
				position:relative;
				text-align:center;
				font-size:5em;
			}

			#pacte {
				display: block;
				transform: none;
				top: auto;
				left:auto;
				color: #2e3b4e;
			}

			.compartiments div:nth-child(2), .compartiments {
				border: none;
			}

			.pero {
				border-top:3px dashed white; 
				border-left:none;
			}

			.exemple img{
				width:100%
			}
			.dossier-special header {
				margin: auto 0
			}


			#tableau-per .per, #tableau-per .per .col_2_3 {
				padding:0
			}

			#tableau-alimentation td {
				padding: 2px;
			}


			.dossier-special header div {
				padding:20px 15px
			}
			.dossier-special #hero-img {
				height: 250px;
			}
			.dossier-special .content-intro {
				font-size:1.2em
			}
			.dossier-special h2 span {
				font-size: 1.4em;
				bottom:auto;
				margin-right: 15px;

			} 
			.blocmodal {
				width:90%;
				height: 100%;
				overflow: auto;
				max-width:90%;
				margin-top:30px;
				margin-bottom:30px;
				padding:.5rem !important
			}
			.blocmodal .pg:before {
				display:none;
			}

			.blocmodal .pg {
				padding-left:20px;
			}
			.blocmodal .bouton a {
				display:block; 
				position:relative;
				background: #3f81a5;
				padding: 20px;
				color: white; 
				width:100%; 
				text-align:center;
			}
			.dossier-special h2 {
				font-size:1.7em
			}


			#tableau-alimentation{
				overflow:hidden
			}
		}


		#cd-vertical-nav ul {
			list-style-type: none;
		}
		.dossier-special #cd-vertical-nav {
			position: fixed;
			right: 40px;
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 1;
		}
		.dossier-special #cd-vertical-nav li {
			text-align: right;
		}
		.dossier-special #cd-vertical-nav a {
			display: inline-block;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		.dossier-special #cd-vertical-nav a:after {
			content: "";
			display: table;
			clear: both;
		}
		.dossier-special #cd-vertical-nav a span {
			float: right;
			display: inline-block;
			-webkit-transform: scale(0.6);
			-moz-transform: scale(0.6);
			-ms-transform: scale(0.6);
			-o-transform: scale(0.6);
			transform: scale(0.6);
		}
		.dossier-special #cd-vertical-nav a:hover span {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
		.dossier-special #cd-vertical-nav a:hover .cd-label {
			opacity: 1;
		}
		.dossier-special #cd-vertical-nav a.is-selected .cd-dot {
			background-color: #2d5aa8;
		}
		.dossier-special #cd-vertical-nav .cd-dot {
			position: relative;
			top: 8px;
			height: 12px;
			width: 12px;
			border-radius: 50%;
			background-color: rgba(0,0,0,.50);
			-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
			-moz-transition: -moz-transform 0.2s, background-color 0.5s;
			transition: transform 0.2s, background-color 0.5s;
			-webkit-transform-origin: 50% 50%;
			-moz-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			-o-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.dossier-special #cd-vertical-nav .cd-label {
			background: white;
			border-radius: 2px;
			box-shadow: 2px 2px 3px rgba(0,0,0,.15);
			position: relative;
			margin-right: 10px;
			padding: .5em 1em;
			color: #505050;
			font-size: 16px;
			-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
			-moz-transition: -moz-transform 0.2s, opacity 0.2s;
			transition: transform 0.2s, opacity 0.2s;
			opacity: 0;
			-webkit-transform-origin: 100% 50%;
			-moz-transform-origin: 100% 50%;
			-ms-transform-origin: 100% 50%;
			-o-transform-origin: 100% 50%;
			transform-origin: 100% 50%;
		}


		@media print {
			.panel-content {
				display:block !important;
			}
			svg {
				display: block !important;
			}
			.encart .col_3_4 {width:100%;}
			.encart .col_1_4 {display:none;}
			body *{
				color:black !important;
			}
			#tableau-per {
				display:none !important;
			}
		}