/*==---- Fonts ----==*/
/*==---- Cookies ----==*/
/*==---- Icones ----==*/
/*==---- Menu ----==*/
/*==---- Simul ----==*/
/*==---- Homepage ----==*/
/*==---- Modals ----==*/
/*==---- Divers ----==*/
/*==---- Actualités ----==*/
/*==---- Page actualités & publications ----==*/
/*==---- Headers ----==*/
/*==---- Tuiles ----==*/
/*==---- Boutons ----*/
/*==---- Accordeon ----==*/
/*==---- Module déblocage ----==*/
/*==---- FAQ ----==*/
/*==---- tableau ----==*/
/*==---- Lexique ----==*/
/*==---- Entreprises ----==*/
/*==---- Chiffres clés ----==*/
/*==---- Contact ----==*/
/*==---- Footer ----==*/
/*==---- identification ----==*/
/*==---- Reinit mot de passe ----==*/
/*==----Page Plan du site ----==*/
/*===----Message boxes----====*/
/*==---- Responsive ----==*/




/*==---- Fonts ----==*/

@font-face {
	font-family:fts_commun;
	src: url('/fr/fonts/fts_commun.eot'),url('/fr/fonts/fts_commun.woff2') format('woff2'),url('/fr/fonts/fts_commun.woff') format('woff'),url('/fr/fonts/fts_commun.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:block;
}

@font-face {
	font-family:ico-es;
	src: url('/fr/fonts/ico-es.eot'),url('/fr/fonts/ico-es.woff') format('woff'),url('/fr/fonts/ico-es.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:block;
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  src: url('/fr/fonts/MaterialIcons-Regular.woff2') format('woff2');
}

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



/*==---- Cookies ----==*/

.ei_gpblock a {
	color:#000
}

div.ei_richrbgroup div.ei_richrb:after {
	display:none
}

div.ei_richrbgroup div.ei_richrb, div.ei_richrbgroup.ei_richrbgroup_slice div.ei_richrb label, div.ei_richrbgroup div.ei_richrb.ei_selected {
	text-align:center;
	cursor:pointer
}

.ei_gpblock_body div.ei_richrbgroup {
	background-color:transparent
}

div.ei_richrbgroup div.ei_richrb.ei_richrb_but_hidden {
	background:#fff
}

.ei_richrbgroup {
	display:inline-block
}

.blocboutons {
	text-align:center;
	margin-bottom:2rem;
}

.ei_newlb.ei_blocmodal_env .ei_blocmodal {
	padding:2em;
	border:none !important;
}

.blocmodal, .ei_blocmodal {
	border-radius:2px;
	box-shadow: 0 5px 10px rgba(0,0,0,.15);
}

.ei_newlb.ei_blocmodal_env .ei_blocmodal .a_blocfctltitre, .ei_newlb.ei_blocmodal_env .ei_blocmodal .ei_titleblock {
	border-bottom:none;
	padding:0;
}

#cookieLB .a_blocfctltitre p.a_titre2 {
	color: #444;
	font-weight: 600;
	font-size: 1.529em;
	line-height: 1;
	margin: 0 0 .882em 0;
}

#cookieLB .blocmodal .a_blocfctl p, #cookieLB .blocmodal .ei_mainblocfctl p, #cookieLB .ei_blocmodal .a_blocfctl p, #cookieLB .ei_blocmodal .ei_mainblocfctl p {
	margin-bottom: 1em;
}

.blocmodal .blocboutons, .ei_blocmodal .blocboutons {
	background:none;
}

#cookieLB .ei_btn {
	max-width: 22.5em;
	padding: .75em 1.25em;
	text-align: center;
	width: 100%;
	transition: background-color .2s ease 0s;
	-ms-transition: background-color .2s ease 0s;
	border-radius: 5px !important;
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: 1px;
	line-height: 1.1em;
}

#cookieLB.a_blocappli .blocboutons .ei_mainbuttons {
	margin-left: 1em;
}

#cookieLB .ei_btn.ei_btn_typ_back .ei_btn_body {
	padding-left: .7rem;
}

#cookieLB .ei_btn.ei_btn_typ_validate {
	background-color: #007C82;
	border: none;
}
#cookieLB .ei_btn.ei_btn_typ_validate .ei_btn_body {
	color: #fff;
}

#cookieLB .ei_btn.ei_btn_fn_forward, #cookieLB .ei_btn.ei_btn_typ_back {
	background-color:#fff;
	border:1px solid #ddd !important;
}

#cookieLB .ei_btn.ei_btn_fn_forward .ei_btn_body, #cookieLB .ei_btn.ei_btn_typ_back .ei_btn_body {
	color:#007C82 !important;
}

#cookieLBmainbuttons .ei_buttonbar {
	margin-bottom: 1em;
}

#cookieLBmainbuttons p a {
	color:#414141;
}

.ei_gpblock.ei_gpblock_input .ei_gpblock_body {
	padding:0;
}

.blocmodal .a_blocfctl p, .blocmodal .ei_mainblocfctl p, .ei_blocmodal .a_blocfctl p, .ei_blocmodal .ei_mainblocfctl p {
	margin:0;
}

div.ei_richrbgroup div.ei_richrb.ei_selected {
	background: #3a7055 none;
	color: #fff;
	border:none !important;
	box-shadow:none !important;
}

/*==---- Icones ----==*/

[class*=icon-] {
	font-family: ico-es;
	font-variant: normal
}

/*==---- Menu ----==*/

.ei_menu__nav>ul>li>a:focus {
	font-weight: bold;
}

.ei_header__links {
	 right: 20px; 
	position: relative;
}

.ei_menu__nav > ul > li.home > a {
	padding-left:32px;
}

/*li.home a:before {
	display:none;
}*/

li.home a .icon:after {
	font-family: fts_commun;
	content: "\EB99";
	position: absolute;
	text-decoration: none;
	font-size:1rem;
	top: 8px;
	left:12px;
	text-indent:0;
	text-decoration: none;
}

.internal-navbar li {
	list-style:none;
	align-items: center;
	display: flex;
}

.internal-navbar li a {
	text-decoration:none;
}

.ei_header__logo a {
	margin-top: 10px;
}

.ei_header__logo img {
	width:100%;
}

.ei_header__nav, .ei_header__content {
	max-width:74.375rem;
}

.ei_ident .ei_header {
	border-bottom: 1px solid #f3f3f3;
}

.ei_header__content .ei_env_btn.btn.question {
    /*padding: .6rem 2rem;
	margin-right:.7rem;*/
    line-height: 1.5;
	text-transform: uppercase;
	background: #fff;
    border: 1px solid rgba(0,124,130,1);
    color: #007C82;
}

.entr .ei_header__content .ei_env_btn.btn.question {
	background: #fff;
    border: 1px solid #24378d;
    color: #24378d;

}

.ei_header__content .ei_env_btn.btn.question:hover, .ei_header__content .ei_env_btn.btn.question:focus {
    background: #007C82;
    color: #fff;
    border: 1px solid #007C82;
}

.entr .ei_header__content .ei_env_btn.btn.question:hover, .entr .ei_header__content .ei_env_btn.btn.question:focus {
    background: #24378d;
    color: #fff;
    border: 1px solid #24378d;
}

/*** Sous-menu stylisés ***/


/*** pseudo menu ***/

.ei_contener ul.pseudo-menu {
	padding-left:0;
	margin-bottom:3rem
}
ul.pseudo-menu li {
		transform-style: preserve-3d;
    list-style: none;
	/* padding-left:1rem; */
	/* padding-right:1rem; */
	border-radius:0;
	background:#fff;
	/* overflow:hidden; */
	font-size:1.125rem;
	border:1px solid #fff;
	transition: all 150ms ease-out;
	box-shadow: 0 4px 10px 0 rgba(22, 42, 90, 0.12);
}

ul.pseudo-menu li:before {
	display:none;
}

ul.pseudo-menu li:hover {
	border:1px solid #007C82;
	background:#007C82;	
}

ul.pseudo-menu li:hover .icoon, ul.pseudo-menu li:focus .icoon,ul.pseudo-menu li.inactif .icoon   {
    color: #fff;
    margin-right:.3rem;
    opacity: 1;
}


ul.pseudo-menu li a {
	display:block;
	display:flex;
	padding-top:.5rem;
	padding-bottom:.5rem;
	padding-left:1rem;
	padding-right:1rem;
	align-items:center;
	position:relative;
}

ul.pseudo-menu li span {
    display: inline-block;
    vertical-align: middle;
}


ul.pseudo-menu li.inactif {
	opacity:1;
	z-index:2;
	pointer-events: none;
	border:1px solid #007C82;
	background:#007C82;
	animation: 200ms linear 50ms 1 slidein;
	animation-fill-mode: forwards;

}

ul.pseudo-menu li:after {
    content: "";
    height: 50px;
    width: 50px;
    background:#d4ccff;
    position: absolute;
    z-index: 1;
	display:block;
    left: 2rem;
	
    transform: translateY(-50%) translateZ(-1px);
    top: 50%;
}


ul.pseudo-menu li.inactif:after {
    animation: 300ms linear 50ms 1 slidein2;
	animation-fill-mode: forwards;
}

ul.pseudo-menu li.inactif:before {
    animation: 4s linear 100ms 1 slidein2;
	animation-fill-mode: forwards;
}

.pseudo-menu li.inactif .titre,.pseudo-menu li:hover .titre  {
	color:#fff
}

@keyframes slidein {
  0% { transform: translateX(0); }
  50%  { transform: translateX(8%); }
  75%  { transform: translateX(8%); }
  100%  { transform: translateX(8%); }
}

@keyframes slidein2 {
  100%  { transform: translateY(-50%) translateZ(-1px) translateX(-94%); }
}

.body.flex .section-intro {
    line-height: 1.25;
    font-size: 1.25rem;
}

/*ul.pseudo-menu li.inactif:before {
    font-family: fts_picto;
    content: "\F0034";
    color: #e63812;
    position: absolute;
    left: -.7rem !important;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.7rem;
}*/


.internal-nav.pseudo-menu li {
	width:90%;
	margin: 0 auto 1rem auto;
}

.pseudo-menu span.picto {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
	margin-right:.5rem;
    /* transform: translateY(-50%); */
    /* top: 50%; */
    left: 0
}

.pseudo-menu a {
	text-decoration:none;
}

.pseudo-menu li span {
    display: block;
    text-align: left;
}

.pseudo-menu li .titre {
    color: #007C82;
    line-height: 1.2;
}


/*TB enlevé margin*/
.menu-es.enrichi.deux-colonnes ul li:nth-child(9) {
    grid-column: 1;
	/*margin:.5rem 2rem;*/
}


.menu-es.enrichi.deux-colonnes ul li:nth-child(9) a {
    padding-left: 2.7rem !important; 
}


li.menu-es.e_dropdown.enrichi.deux-colonnes li.une {
	padding:.8rem 0;
	margin:0;
    background-color: #e1e6fc;
}


.ei_menu__content li.menu-es.e_dropdown.enrichi.deux-colonnes li.une a {
	padding-left:5.7rem;
	padding-right:3rem;
}

li.menu-es.e_dropdown.enrichi.deux-colonnes li.une:hover span {
	color:#444
}


li.menu-es.e_dropdown.enrichi.deux-colonnes li.autres {
    grid-column: 1/span 2;
    margin: 0;
    position: relative;
    z-index: 300;
}

.menu-es.enrichi.deux-colonnes ul li.hidden:before {
    content: "Les plans d'épargne";
    display: block;
    position: absolute;
    top: 40px;
    text-align: center;
	pointer-events: none;
	width:100%
}

.enrichi ul li.hidden {
	pointer-events: none;
}

.menu-services.deux-colonnes.enrichi ul li:nth-child(1):before {
    content: "Services aux entreprises";
    display: block;
    position: absolute;
    top: -2rem;
    text-align: center;
    margin-bottom: 2rem;
    pointer-events: none;
    width: 100%;
}

.menu-services.deux-colonnes.enrichi ul li:nth-child(2):before {
    content: "Services aux salariés";
}

.menu-er.deux-colonnes.enrichi ul li:nth-child(1):before {
    content: "La retraite entreprise en bref";
}

.menu-er.deux-colonnes.enrichi ul li:nth-child(2):before {
    content: "Les dispositifs retraite entreprise";
}

.menu-services.enrichi ul li.hidden:before {
    content: "Services aux salariés";
    display: block;
    position: absolute;
    top: 20px;
    text-align: center;
	pointer-events: none;
	width:100%
}

.menu-services.enrichi .hidden {
    height:30px;
}

.enrichi.deux-colonnes .e_smenu {
	width:750px !important;
	max-width:none;
	padding:0;
	overflow:hidden
}

.enrichi.une-colonne.e_dropdown .e_smenu {
	padding:0 0 1rem 0;
	overflow:hidden
}

.enrichi.deux-colonnes ul {
    display: grid;
    grid-column: 1/2;
	padding-top:2.5rem;
    grid-template-columns: repeat(2, 1fr);
    flex-direction: row;
    flex-wrap: wrap;
}

.enrichi ul {
	padding-top:2.5rem;
}

.enrichi.menu-of ul, .menu-disposer ul, .menu-concretiser ul, .menu-outils ul {
	padding-top:1rem;

}

.enrichi.deux-colonnes ul:before {
    display: block;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #f0f7ff;
    top: 0;
    right: 0;
}

.enrichi.deux-colonnes.menu-solutions ul li:nth-child(9) {
    grid-column-start: span 2;
    margin-left: calc(50% + 32px);
}

.enrichi.deux-colonnes.menu-er ul li:nth-child(5), .enrichi.deux-colonnes .offset {
	grid-column-start: span 2;
    margin-left: calc(50% + 32px);
}
 
.enrichi.deux-colonnes.menu-solutions ul li:nth-child(10) {
    grid-column: 1/span 2;
	margin:0;
	border-radius: 0 !important;
	z-index:0
}

/* TB */
.enrichi.deux-colonnes.menu-es ul li:nth-child(11) {
    grid-column: 1/span 2;
	margin:0;
	border-radius: 0 !important;
	z-index:0
}

.enrichi.deux-colonnes.menu-er ul li:nth-child(6) {
    grid-column: 1/span 2;
	margin:0;
	border-radius: 0 !important;
	z-index:0
}


.enrichi ul li {
    margin: .2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index:3;
	min-height:59px;
}
.enrichi.deux-colonnes ul li:hover {
    border-radius:3px;
}

.enrichi .e_smenu {
 max-width:335px;
}

.enrichi ul li .picto:before, .pseudo-menu .picto:before {
    content: "";
    display: block;
    filter: grayscale(30%);
    height: 40px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

.menu-es.enrichi.deux-colonnes ul li.une .picto:before {
    height: 110px;
    width: 130px;
}

.menu-es.enrichi.deux-colonnes ul li.une span.picto {
    left: -3rem;
	display:none;
}

.enrichi.menu-er .e_smenu, .ei_menu__nav>ul>li.menu-er>.e_smenu {
    left: -100px !important;
}

.ei_menu__nav>ul>li.menu-services.e_dropdown_open:before {
   border-bottom:16px solid #f0f7ff;
}


.enrichi ul li span.picto {
    display: block;
    width: 60px;
    height: 60px;
	 position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -1rem;
}

.enrichi span.image img {
	width:100%
}

.enrichi.deux-colonnes ul li:hover:before {
	filter: grayscale(0);
}

.enrichi ul li .picto.startup:before {
	background-image:url("/fr/images/entreprises/pictos/menus/remuneration.png");
}

.enrichi ul li .picto.clefs:before {
	background-image:url("/fr/images/entreprises/pictos/menus/booster.png");
}

.enrichi ul li .picto.ge:before {
	background-image:url("/fr/images/entreprises/pictos/menus/booster.png");
}

.enrichi ul li .picto.tpe:before {
	background-image:url("/fr/entreprises/nos-solutions/segments/visuels/tpe.svg");
}

.enrichi ul li .picto.pme:before {
	background-image:url("/fr/entreprises/nos-solutions/segments/visuels/pme.svg");
}

.enrichi ul li .picto.gme:before {
	background-image:url("/fr/entreprises/nos-solutions/segments/visuels/gme.svg");
}

.enrichi ul li .picto.ge:before {
	background-image:url("/fr/entreprises/nos-solutions/segments/visuels/ge.svg");
}

.enrichi ul li .picto.fideliser:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/motiver.svg");
}

.enrichi ul li .picto.attirer:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/attirer.svg");
}

.enrichi ul li .picto.fiscalisation:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/fiscalite.svg");
}

.enrichi ul li .picto.conformite:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/conformite.svg");
}

.enrichi ul li .picto.anticiper:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/anticiper.svg");
}

.enrichi ul li .picto.pero:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/pero.svg");
}

.enrichi ul li .picto.ifc:before {
	background-image:url("/fr/entreprises/nos-solutions/besoins/visuels/ifc.svg");
}

.enrichi ul li .picto.une:before {
	background-image:url("/fr/images/entreprises/pictos/une.svg");
	height:120%;
	width:120%;
}

.enrichi ul li .picto.int:before, .pseudo-menu .picto.int:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/interessement.svg");
}
.enrichi ul li .picto.participation:before, .pseudo-menu .picto.participation:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/participation.svg");
}
.enrichi ul li .picto.ppv:before, .pseudo-menu .picto.ppv:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/ppv.svg");
}
.enrichi ul li .picto.actionnariat:before, .pseudo-menu .picto.actionnariat:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/actionnariat.svg");
}
.enrichi ul li .picto.abondement:before, .pseudo-menu .picto.abondement:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/abondement.svg");
}
.enrichi  ul li .picto.quoi:before, .pseudo-menu .picto.quoi:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/cest-quoi.svg");
}
.enrichi  ul li .picto.vision:before, .pseudo-menu .picto.vision:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/vision.svg");
}
.enrichi ul li .picto.pee:before, .pseudo-menu .picto.pee:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/pee.svg");
}
.enrichi ul li .picto.per:before, .pseudo-menu .picto.per:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/perecol.svg");
}
.enrichi ul li .picto.cet:before, .pseudo-menu .picto.cet:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/cet.svg");
	height:100%;
	width:100%;
}
.pseudo-menu .picto.cet.simple:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/cet-simple.svg");
}

.enrichi ul li .picto.resto:before, .pseudo-menu .picto.resto:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/resto.svg");
	height:100%;
	width:100%;
}
.enrichi ul li .picto.robot:before, .pseudo-menu .picto.robot:before {
	background-image:url("/fr/entreprises/nos-services/visuels/robot-advisor.svg");
}
.enrichi ul li .picto.esg:before, .pseudo-menu .picto.esg:before {
	background-image:url("/fr/entreprises/nos-services/visuels/esg.svg");
}
.enrichi ul li .picto.agregateur:before, .pseudo-menu .pictoo.agregateur:before {
	background-image:url("/fr/entreprises/nos-services/visuels/agregateur.svg");
}
.enrichi ul li .picto.simulateurs:before, .pseudo-menu .picto.simulateurs:before {
	background-image:url("/fr/entreprises/nos-services/visuels/simulateurs.svg");
}
.enrichi ul li .picto.fonds:before, .pseudo-menu .picto.fonds:before {
	background-image:url("/fr/entreprises/nos-services/visuels/fonds.svg");
}
.enrichi ul li .picto.appli:before, .pseudo-menu .picto.appli:before {
	background-image:url("/fr/entreprises/nos-services/visuels/application.svg");
}
.enrichi ul li .picto.accompagnement-part:before, .pseudo-menu .picto.accompagnement-part:before {
	background-image:url("/fr/entreprises/nos-services/visuels/accompagnement-salaries.svg");
}
.enrichi ul li .picto.accompagnement-ent:before,.pseudo-menu .picto.accompagnement-ent:before {
	background-image:url("/fr/entreprises/nos-services/visuels/accompagnement-entreprises.svg");
}
.enrichi ul li .picto.aes:before, .pseudo-menu .picto.aes:before {
	background-image:url("/fr/epargnants/disposez-de-votre-epargne-salariale/visuels/aes.svg");
}
.enrichi ul li .picto.disponible:before,.pseudo-menu .picto.disponible:before {
	background-image:url("/fr/epargnants/disposez-de-votre-epargne-salariale/visuels/disponible.svg");
}
.enrichi ul li .picto.bloquee:before, .pseudo-menu .pictobloquee:before {
	background-image:url("/fr/epargnants/disposez-de-votre-epargne-salariale/visuels/bloquee.svg");
}
.enrichi ul li .picto.projets:before, .pseudo-menu .picto.projets:before {
	background-image:url("/fr/epargnants/concretisez-vos-projets/visuels/projets.svg");
}
.enrichi ul li .picto.retraite:before, .pseudo-menu .picto.retraite:before {
	background-image:url("/fr/epargnants/concretisez-vos-projets/visuels/retraite.svg");
}
.enrichi ul li .picto.precaution:before, .pseudo-menu .picto.precaution:before {
	background-image:url("/fr/epargnants/concretisez-vos-projets/visuels/precaution.svg");
}
.enrichi ul li .picto.precaution.simple:before, .pseudo-menu .picto.precaution:before {
	background-image:url("/fr/epargnants/concretisez-vos-projets/visuels/precaution-simple.svg");
}

.enrichi ul li .picto.epargne-precaution:before, .pseudo-menu .picto.epargne-precaution:before {
	background-image:url("/fr/epargnants/concretisez-vos-projets/visuels/epargne-precaution.svg");
}
.enrichi ul li .picto.quoi-es:before, .pseudo-menu .picto.quoi-es:before {
	background-image:url("/fr/epargnants/epargner-avec-entreprise/visuels/cest-quoi-es.svg");
}
.enrichi ul li .picto.comprendre-retraite:before, .pseudo-menu .picto.comprendre-retraite:before {
	background-image:url("/fr/epargnants/epargner-avec-entreprise/visuels/comprendre-retraite.svg");
}
.enrichi ul li .picto.mode-emploi:before,.pseudo-menu .picto.mode-emploi:before {
	background-image:url("/fr/epargnants/epargner-avec-entreprise/visuels/mode-emploi.svg");
}
.enrichi ul li .picto.profiter-retraite:before, .pseudo-menu .picto.profiter-retraite:before {
	background-image:url("/fr/epargnants/disposez-de-votre-epargne-salariale/visuels/profiter-retraite.svg");
}
.enrichi ul li .picto.verser-cet:before, .pseudo-menu .picto.verser-cet:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/cet.svg");
}
.enrichi ul li .picto.suivi-evolution:before, .pseudo-menu .picto.suivi-evolution:before {
	background-image:url("/fr/entreprises/nos-services/visuels/fonds.svg");
}
.pseudo-menu .picto.suivi-evolution:before {
	background-image:url("/fr/entreprises/nos-services/visuels/fonds-simple.svg");
}
.enrichi ul li .picto.modifier-placements:before, .pseudo-menu .modifier-placements:before {
	background-image:url("/fr/entreprises/nos-services/visuels/agregateur.svg");
}

.pseudo-menu .modifier-placements.simple:before {
	background-image:url("/fr/entreprises/nos-services/visuels/agregateur-simple.svg");
}

.enrichi ul li .picto.verser:before, .pseudo-menu .picto.verser:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/abondement.svg");
}
.pseudo-menu .picto.verser.simple:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/abondement-simple.svg");
}

.enrichi ul li .picto.videos:before, .pseudo-menu .picto.videos:before {
	background-image:url("/fr/epargnants/nos-outils/visuels/videos.svg");
}

.enrichi ul li .picto.quiz:before, .pseudo-menu .picto.quiz:before {
	background-image:url("/fr/epargnants/nos-outils/visuels/quiz.svg");
}

.enrichi ul li .picto.serious-game:before,.pseudo-menu .picto.serious-game:before {
	background-image:url("/fr/epargnants/nos-outils/visuels/serious-game.svg");
}

li.e_dropdown.enrichi .e_smenu ul li a, li.e_dropdown.enrichi .e_smenu ul li.e_select:not(.e_column)>a {
    padding: .3125rem 0 .3125rem 2.7rem
}

/*TB ajouté .menu-solutions*/
.enrichi.deux-colonnes.menu-solutions ul li:nth-child(10) .une {
    height: 200px;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: -9rem;
	z-index:0;
}

.enrichi.deux-colonnes ul li:nth-child(10) {
	overflow:visible !important
}

.enrichi.deux-colonnes.menu-solutions ul li:nth-child(10) a {
    padding-left:5rem !important
}

.enrichi.deux-colonnes.menu-solutions ul li:nth-child(10) .titre, .enrichi.deux-colonnes.menu-solutions ul li:nth-child(10) .m_t {
    font-size:1.4rem;
}

/* TB
.menu-es.enrichi.deux-colonnes ul li:nth-child(10) .titre,.menu-es.enrichi.deux-colonnes ul li:nth-child(10) .m_t {
    font-size:inherit;
}
*/

/*TB*/
.enrichi.deux-colonnes.menu-es ul li:nth-child(11) .resto {
    height: 200px;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: -9rem;
	z-index:0;
}

.enrichi.deux-colonnes.menu-es ul li:nth-child(11) {
	overflow:visible !important
}

.enrichi.deux-colonnes.menu-es ul li:nth-child(11) a {
    padding-left:5rem !important
}

.enrichi.deux-colonnes.menu-es ul li:nth-child(11) .titre, .enrichi.deux-colonnes.menu-es ul li:nth-child(11) .m_t {
    font-size:1.4rem;
}

.enrichi.deux-colonnes.menu-er ul li:nth-child(6) .cet {
    height: 200px;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: -9rem;
	z-index:0;
}

.enrichi.deux-colonnes.menu-er ul li:nth-child(6) {
	overflow:visible !important
}

.enrichi.deux-colonnes.menu-er ul li:nth-child(6) a {
    padding-left:5rem !important
}

.enrichi.deux-colonnes.menu-er ul li:nth-child(6) .titre, .enrichi.deux-colonnes.menu-er ul li:nth-child(6) .m_t {
    font-size:1.4rem;
}


.enrichi.deux-colonnes ul li:nth-child(1):before {
    content: "Mon entreprise";
    display: block;
    position: absolute;
	top:-2rem;
    text-align: center;
    margin-bottom: 2rem;
	pointer-events: none;
	width:100%
}


.menu-es.enrichi.deux-colonnes ul li:nth-child(1):before {
    content: "L’épargne salariale en bref";
}

.menu-es.enrichi.deux-colonnes ul li.autres:before {
    content: "Les autres services";
    padding-top: .3rem;
    top: 0;
    z-index: 3000;
    height: 20px;
    background-color: #e1e6fc;
}


.enrichi.deux-colonnes ul li:nth-child(2):before {
    content: "Mes besoins";
    display: block;
    position: absolute;
	top:-2rem;
    text-align: center;
    margin-bottom: 2rem;
	pointer-events: none;
	width:100%
}

.menu-es.enrichi.deux-colonnes ul li:nth-child(5):before {
	width:100%
}

.menu-es.enrichi.deux-colonnes ul li:nth-child(2):before {
    content: "Les dispositifs de partage de la valeur";
}



li.e_dropdown.enrichi.deux-colonnes .e_smenu ul li:nth-child(2):hover, li.e_dropdown.enrichi.deux-colonnes .e_smenu ul li:nth-child(4):hover, li.e_dropdown.enrichi.deux-colonnes .e_smenu ul li:nth-child(6):hover, li.e_dropdown.enrichi.deux-colonnes .e_smenu ul li:nth-child(8):hover, .enrichi.deux-colonnes .offset:hover  {
    background-color: #fff;
}

li.e_dropdown.menu-es.enrichi.deux-colonnes .e_smenu ul li:nth-child(10):hover {
    background-color: #fff;
}

.enrichi ul li.dernier {
    margin-bottom:1rem
}

span.soustitre, span.m_s {
    font-size: .8rem;
    line-height: 1.1;
}


li.e_dropdown.enrichi.deux-colonnes li.sub-enrichi:hover {
	background:#e3f8ee;
}


li.menu-solutions.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
    padding: 2rem 4rem 2rem 13rem;
    background-color: #e1e6fc;
}

li.menu-solutions.e_dropdown.enrichi.deux-colonnes li.sub-enrichi:hover {
    background-color: #f0f2fd;
}

/* TB */
li.menu-es.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
    padding: 2rem 4rem 2rem 13rem;
    background-color: #e1e6fc;
}

li.menu-es.e_dropdown.enrichi.deux-colonnes li.sub-enrichi:hover {
    background-color: #f0f2fd;
}

li.menu-er.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
    padding: 2rem 4rem 2rem 13rem;
    background-color: #e1e6fc;
}

li.menu-er.e_dropdown.enrichi.deux-colonnes li.sub-enrichi:hover {
    background-color: #f0f2fd !important;
}



li.e_dropdown.enrichi.deux-colonnes li.sub-enrichi a {
    position: relative;
    display: block;
}

li.e_dropdown.enrichi.deux-colonnes li.sub-enrichi span.soustitre, li.e_dropdown.enrichi.deux-colonnes li.sub-enrichi span.m_s {
    display: block;
    font-weight: normal;
}

li.e_dropdown .e_smenu ul li.sub-enrichi {
    margin-top: 1rem;
    border-radius:10px;
}

li.sub-enrichi div:last-of-type {
    padding-left: 20px;
    transition: all .3s ease-in-out;
}

li.sub-enrichi:hover div:last-of-type {
	padding-left:25px;
}

li.sub-enrichi div:first-of-type {
    width: 50px;
}

li.sub-enrichi div:first-of-type:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: -10px;
    display: block;
    height: 90px;
    background-size: contain;
    width: 107px;
    transition: all .3s ease-in-out;
}

li.sub-enrichi .surtitre {
    margin-bottom: .35rem;
    margin-left: 10px;
    font-size:1rem;
}

li.sub-enrichi span {
    display: block;
    font-weight: bold;
}

li.sub-enrichi #titre {
    padding: .375rem 2.5rem .375rem 1.25rem;
    border-radius: 60px;
    display: inline-block;
    transition: all .5s ease 0s;
    font-size: 1rem;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    margin-bottom: .3rem;
}

li.e_dropdown .e_smenu ul li.sub-enrichi a {
    position: relative;
    display: flex;
    align-items: center;
}


li.sub-enrichi:hover div:first-of-type:before {
	left: -5px;
}

li.sub-enrichi #titre:after {
	font-family: fts_commun;
	content: "\EA35";
	position: absolute;
	top: 50%;
	right: 1rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 0.3125rem;
}

li.e_dropdown .e_smenu ul li.sub-enrichi.menu-aes {
    background-color: rgba(168,207,250,1);
}

li.e_dropdown .e_smenu ul li.sub-enrichi.menu-aes:hover {
	background:#004494;
}

li.sub-enrichi.menu-aes span {
    color: #0c4789;
}

li.sub-enrichi #titre {
    background: #fff;
    color: #002d61;
}

li.sub-enrichi:hover #surtitre {
	color:#fff;
}

li.e_dropdown .e_smenu ul li.sub-enrichi {
    background-color: rgba(168,207,250,1);
}

li.e_dropdown.deux-colonnes .e_smenu ul li.sub-enrichi {
    overflow:hidden;
	padding:0;
}

li.e_dropdown.deux-colonnes li.sub-enrichi div:first-of-type:before {
    bottom: -15px;
}

li.e_dropdown .e_smenu ul li.sub-enrichi:hover {
	background:#004494;
}

li.sub-enrichi span {
    color: #0c4789;
}

.enrichi li .titre span,.enrichi li .m_t span {
    display: inline-block;
	color:#007c82
}

.enrichi.une-colonne li {
	min-height:50px;
}

.enrichi li span {
	display:block;
	text-align:left;
}

.enrichi li .titre, .enrichi li .m_t {
    font-weight: bold;
    color: #002d61;
    line-height: 1;
    margin-bottom: .2rem;
}

li.sub-enrichi:hover #surtitre {
	color:#fff;
}

li.sub-enrichi div:first-of-type:before {
    background-image: url(/fr/images/epargnants/aes-tile.png);
}

.enrichi ul li.e_select:not(.e_column)>a:before {
    font-family: fts_picto;
    content: "\F0034";
    color: #e63812;
    position: absolute;
    left:-30px !important;
	top:50%;
	transform:translateY(-50%);
    font-size: 20px;
}


.deux-colonnes ul li.une.e_select:not(.e_column)>a:before {
    left: 3rem !important;
}

/**** AES ****/

li.sub-enrichi.menu-aes div:first-of-type:before {
    background-image: url(/fr/images/epargnants/aes-tile.png);
}

li.e_dropdown .e_smenu ul li.sub-enrichi.menu-aes {
    background-color: rgba(168,207,250,1);
}

li.e_dropdown .e_smenu ul li.sub-enrichi.menu-aes:hover {
	background:#004494;
}

li.sub-enrichi.menu-aes span {
    color: #0c4789;
}

li.sub-enrichi.menu-aes #titre {
    background: #fff;
    color: #002d61;
}

li.sub-enrichi.menu-aes:hover #surtitre {
	color:#fff;
}


@media screen and (max-width: 768px) {
  .enrichi .e_smenu {
     min-width:auto;
  }
  li.sub-enrichi #titre {
    line-height: 1;
  }
}
	

/*** Sous-menu stylisé ***/

/*==---- Simul ----==*/

.simu .more {
    padding-left: 1.5rem;
    color: #fff;
    margin: 1rem 0;
    display: block;
}

.simu .img:before, .simu .more:after {
	display:none;
}

header.hero.simu {
	min-height:auto
}

header.hero.simu h1 {
	font-size:3rem;
	margin: 0;
}

#ei_tpl_fullsite p.h1 {
	font-size:2.6rem;
	margin-top:0;
	color:#fff;
	line-height: 1;
	font-weight:700		
}

header.hero.simu .banner {
	display: flex;
	/* align-items: flex-start; */
	justify-content: center;
	flex-direction: column;
}

.simu p {
	max-width:100%;
	line-height:1.2
}

.simu .more:before {
	font-family: fts_commun;
	content: "\EA35";
	position: absolute;
	text-decoration: none;
	top: 50%;
	font-size: 1.2rem;
	left: 0;
	-webkit-transform: translateY(-50%) rotateY(-180deg);
	transform: translateY(-50%) rotateY(-180deg);
	padding-left: 0.3125rem;
}

.body.actualite.simulateur > section:first-of-type {
	padding-top: 4rem
}

.body.actualite.simulateur header .more {
	margin-bottom: .5rem;
}

.body.actualite.simulateur header {
	margin-top:0
}

.simulateur header p {
	color: #004494;	
}

.simulateurs h3, .nos-quiz h3 {
	position:relative;
	padding-left:40px;
}

.simulateurs h3 span:before, .nos-quiz h3 span:before {
	position: absolute;
	content: "";
	height: 30px;
	width: 30px;
	opacity: 0.6;
	top: 50%;
	left:0;
	transform: translateY(-50%);
}

.simulateurs h3 span:before {
	background: no-repeat url(/fr/images/epargnants/simulateurs.svg) 100% center;
}

.nos-quiz h3 span:before {
	background: no-repeat url(/fr/images/epargnants/quiz.svg) 100% center;
	height: 35px;
	width: 35px;
}

.body.actualite.simulateur > section:first-of-type {
	background:#EDF6F6
}

.body.actualite .simul, .iframe-container {
	background: #fff;
	padding: 2rem !important;
	border:1px solid #f3f3f3;
	-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	margin-top: -90px;
	overflow: hidden;
	max-width: 67.500em;
	margin: 0 auto;
}

.simul-result {
	background:#f3f3f3
}

.iframe-container {
	padding:0 !important;
	background:#EDEDED;
}


/*==---- Homepage ----==*/

.ctxt-home h2, .home_promo h2 {
	text-align:center;
	margin: 15px 0 30px;
	margin: 0.9375rem 0 1.875rem;
}

.hero .portrait {
	position: absolute;
	bottom: -120px;
	left: -29%;
}

/*==---- Modals ----==*/

.blocmodal {
	display: none;
	z-index: 99999;
	position: fixed;
	top: 50%;
	left: 45%;
	padding:2rem;
	max-height: calc(100% - 200px) !important;
	border-radius:15px;
	padding: 3rem 4rem;
}

.blocmodal > div {
	overflow-y:scroll;
	height:500px;
}

#bg_modal_name {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9994;
}

.blocfondmodal {
	background-color: #3d3d3d;
	opacity: .5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50);
}

.js-modal:focus,
.js-modal:hover,
.js-modal:active {
	color: #0D192F;
}

.modal-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #000;
	opacity: .8;
	cursor: pointer;
	z-index:3000
}

.blocmodal ul, .modal ul {
	padding-left:2rem;
	margin:1rem 0
}

.modal {
	position: absolute;
	font-size: 0.9rem !important;
	left: 50%;
	transform: translate(-50%,5%);
	top: 0%;
	width: 70%;
	padding: 3rem 3rem !important;
	right: auto;
	background: #fff;
	z-index: 4000;
}

#modal_forgottenuser_container.blocmodal > div {
	height:auto;
	overflow: hidden
}

.modal > div {
	height: auto;
	overflow-y: hidden;
	padding-right: 2rem;
}

.modal-close {
	background: transparent;
	color: #717171;
	border: 1px solid #717171;
	border-radius: 5em;
	position: absolute;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	padding: .5em 1em;
	right: 1.3em;
	top: 1em;
	transition: all 200ms ease-out;
}

.modal-close:focus,
.modal-close:hover,
.modal-close:active {
	border-color: #466581;
	color: #466581;
}

.modal-overlay[data-background-click="disabled"] {
	cursor: auto;
}

.btn-close, .btn-prev {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1.5em;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 1.3em;
	top: -1em;
	z-index: 2;
}

.btn-prev {
	left: 1.3em;
	right:auto;
}

.btn-close:hover, .btn-close:focus {
	color: #466581;
}

dialog {
	display: block;
	z-index:3000
}

dialog .iframe-container {
	border-radius:0;
	overflow:visible;
	border:none;
	box-shadow:none;
}


/*==---- Divers ----==*/

/*** banniere placer ou percevoir ***/

.banniere {
	margin:3rem auto;
}

.banniere h2 {
	margin:0;
	font-size:1.9rem
}

h2.etape {
	padding-left:3.5rem;
	position:relative;
	padding-top:0 !important
}

h2.etape .chiffre {
    position: absolute;
    padding: .5rem 1.3rem;
    font-weight: bold;
    transform:translateY(-50%);
	top:50%;
	left:0;
    /* border-radius: 50%; */
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 19%);
    height: 45px;
    width: 45px;
	background: #007C82;
}
h2.etape .chiffre span {
    position: absolute;
    z-index: 2;
    display: block;
       font-size: 1.8rem;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
	color:#fff
}

.tile.banniere.horizontal .banner {
    padding: 2.5rem 3rem 3rem 3rem;
}


aside .tile.banniere.horizontal .banner {
	padding: 1rem;
}

aside.sticky .tile .btn {
    width: 100%;
	font-size: 0.8rem;
	padding:0.5rem 1.5rem 0.5rem 1rem
}

aside .horizontal.tile p {
    line-height: 1.1;
    margin:0.5rem 0;
}

.body.flex aside .banniere.tile.horizontal h2 {
    font-size: 1.1em;
	padding-top:0;
	line-height: 1.2rem;
}

.body.flex aside .banniere.tile.horizontal figure img {
	width:160%
}

.ctxt-home .banniere {
	margin: 3rem auto 0 auto
}

/*.body.flex .banniere.tile.horizontal figure img {
    width: 120%;
    max-width: 400px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}*/

.tile.horizontal figure img.no-resize {
  width: 100%;
}

.body.flex .banniere.tile.horizontal h2 {
	font-size:1.875em
}

/***/

.sva {
    width: 370px;
    margin: 0 auto;
}

.sva p {
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1;
	color: #a50f78;
	background-color: #fff;
	box-shadow: inset 0 0 .5em 0 rgba(0,0,0,0.2);
	max-width:362px;
	width:100%;
	margin:0 auto
}

.sva span:first-child {
	padding: 0.2em 0.5em 0 0.5em;
	line-height: 1.1;
	font-size: 2em;
}
.sva span:last-child {
	margin: -0.2em 0.7em -0.2em 0;
	padding: 0.5em 1em 0.5em 1.5em;
	font-size: 1.1em;
	font-weight: 300;
	color: #fff;
	text-align: left;
	background-color: #a50f78;
	background-image: linear-gradient(to top, rgba(0,0,0,0.2), rgba(255,255,255,0.2));
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
	-webkit-clip-path: polygon(0 0, 0 20%, 10% 50%, 0 80%, 0 100%, 100% 100%, 100% 0);
	clip-path: polygon(0 0, 0 20%, 10% 50%, 0 80%, 0 100%, 100% 100%, 100% 0);
}

.sva.orange span:last-child {
	margin: -0.2em 0.7em -0.2em 0;
	padding: 0.5em 1em 0.5em 1.5em;
	font-size: 1.1em;
	font-weight: 300;
	color: #fff;
	text-align: left;
	background-color: #3b9b24;
	background-image: linear-gradient(to top, rgba(0,0,0,0.2), rgba(255,255,255,0.2));
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
	-webkit-clip-path: polygon(0 0, 0 20%, 10% 50%, 0 80%, 0 100%, 100% 100%, 100% 0);
	clip-path: polygon(0 0, 0 20%, 10% 50%, 0 80%, 0 100%, 100% 100%, 100% 0);
}

.sva.orange span:first-child {
    color:#3b9b24
}


.sva.gris span:last-child {
	margin: -0.2em 0.7em -0.2em 0;
	padding: 0.5em 1em 0.5em 1.5em;
	font-size: 1.1em;
	font-weight: 300;
	color: #fff;
	text-align: left;
	background-color: #91919b;
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
	-webkit-clip-path: polygon(0 0, 0 20%, 10% 50%, 0 80%, 0 100%, 100% 100%, 100% 0);
	clip-path: polygon(0 0, 0 20%, 10% 50%, 0 80%, 0 100%, 100% 100%, 100% 0);
}

.sva.gris span:first-child {
    color:#91919b
}



a.ancre_mention {
	color: inherit;
	display: inline;
	margin: 0;
	padding: 0;
}

sup {
	top: -0.3em;
}

.sr-only {
	border: 0 !important;
	clip: rect(1px,1px,1px,1px) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.ei_header:before, .ei_header__authentification:before, .ei_menu__nav>ul>li:not(:last-child):after, .ei_header__content .btn:after, .nopuce h2:before, .ctxt-home h2:before, .ei_ident .ei_header__links .ei_env_btn, .hidden, h2.h3:before, aside ol li a:after, .body.actualite header .more:after, .home_promo h2:before, .nobullet li:before, .alphabet li:before {
	display:none;
}

/*.ei_contener ul.nobullet {
	padding-left:0 !important
}*/


p {
	font-size: 18px;
	font-size: 1.125rem;
	color: #414141;
	line-height: 28px;
	line-height: 1.8rem;
	margin-bottom: 1.25rem;
}

.content-content a {
	word-break: break-word;
}

#ei_tpl_fullsite {
		padding-top: 128px;
	}
	
	#ei_tpl_fullsite.annonce  {
		padding-top: 178px;
	}
	

[class*=ei_gly_]:before, [class^=ei_gly_]:before {
	font-size:1.3rem;
	line-height:0
}

.ei_header__content .btn .ei_gly_securite {
	width: 1.625em;
	display: inline-block;
}

.ei_header__links .ei_env_btn {
	font-size:0.8rem
}

.ei_header__content .btn {
	padding:.5rem 1rem
}

.ei_menu__nav>ul>li.e_dropdown_open:before {
	left:50% !important; 
	display:block;
	top: 28px;
}

.nopuce h2, .ctxt-home h2, .home_promo h2 {
	padding-left:0;
}

.ei_ident .ei_menu__nav li > a:hover{
	background-color:transparent;
}

.ei_header__links .ei_env_btn {
	min-width: 110px;
	padding: 11px 24px;
}

.ei_header {
    padding: 0;
}

.w70 {width:70% !important}

.w80 {width:80% !important}

.w90 {width:90% !important}

.w100 {width:100% !important}

.w95 {
	width:95% !important
}

.w70, .w80, .w90 {
	margin:0 auto;
	max-width:1190px
}

.mt0 {
	margin-top:0 !important
}

.mb0 {
	margin-bottom:0 !important
}

.mt4 {
	margin-top:4rem !important
}

.mt5 {
	margin-top:5rem !important
}

.mt6 {
	margin-top:6rem !important
}

.mt2 {
	margin-top:2rem !important
}

.mt1 {
	margin-top:1rem !important
}

.mb1 {
	margin-bottom:1rem !important
}

.mb2 {
	margin-bottom:2rem !important
}

.mb4 {
	margin-bottom:4rem !important
}

.mb10 {
	margin-bottom:10rem !important
}

.p0 {
	padding-top:0 !important;
	padding-bottom:0 !important
}

.pt0 {
	padding-top:0 !important
}

.pt2 {
	padding-top:2rem !important
}

.pt4 {
	padding-top:4rem !important
}

.pb0 {
	padding-bottom:0 !important
}

#ei_tpl_fullsite .ei_contener .pl0 {
    padding-left: 0
}


.pb1 {
	padding-bottom:1rem !important
}

.pb2 {
	padding-bottom:2rem !important
}

.pb4 {
	padding-bottom:4rem !important
}


.no-shadow .tile, .ent .no-shadow .tile:hover, .tile.no-shadow {
	box-shadow:none
}

.home_promo.bg2 .tile {
	background: #ffffff;
}

.center, .txtcenter {
	margin:0 auto; 
	width:100%;
}

.txtcenter {
	text-align:center;
}

.ei_contener *, .ei_menu__content * {
	box-sizing: border-box;
}

.ei_contener ul {
	padding-left: 32px;
	padding-left: 2rem;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.ei_contener ul li {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;	
}

.content-content ul li, .ul.niv1 li {
	list-style: none;
}

.ei_menu__nav>ul>li.menu-services>.e_smenu, .ei_menu__nav>ul>li.menu-solutions>.e_smenu{
		left: -200px !important;
	}
	
	 .ei_menu__nav>ul>li.menu-outils>.e_smenu {
		left: -180px !important;
	}
	
	 .ei_menu__nav>ul>li.menu-services>.e_smenu {
		left: -470px !important;
	}
	

h1 {
	margin: 0;
	color: #007C82;
	font-size: 52px;
	font-size: 3.25rem;
	line-height: 1;
}

.h2, h2 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 32px;
	line-height: 2rem;
	margin: 3rem 0 1.875rem;
	position: relative;
	text-align:left;
}

.body.flex h2, .body.ent h2, .body .flex.inverse h2 {
	padding-top:3rem
}

.body.ent .chapeau h2, .body.ent article h2:first-of-type, #last-actu h2, .body.actualite .encart h2 {
	padding-top:0
}

h2.h3, .body .flex.inverse h2.h3 {
	padding-left:0;
	padding-top:0
}

h4 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 26px;
	line-height: 1.625rem;
	margin: 0.9375rem 0;
}

.hero, .hero .img {
	position:relative
}

.hero img {
	display: block;
	max-width: 250px;
	height: auto;
	position:relative;
	margin:0 auto;
}

.hero.configurateur img {
	max-width: 100%;
}

header.hero > .banner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    color: #fff;
	align-items:center;
	flex-direction:column;
    max-width: 1190px;
    min-height: 11em;
	width:100%;
    /* margin: 3.5rem auto 3.5rem auto; */
    text-align: center;
	justify-content:center;
}

header.hero.segment_header {
    padding: 3.5rem;
    min-height: auto;
}

header.hero > .flex .banner {
	/* margin: 3.5rem auto 3.5rem auto;  */
}
 

.hero .banner .col_1_2 img {
	max-width:370px;
	margin:0 auto
}

.hero .banner > div {
	z-index:1;
	width:100%
}

.hero .banner a img {
	width:58px;
	height:56px;
	display:inline-block;
	margin:0;
	vertical-align:middle
} 

.hero .flex {
	max-width:74.375em;
	margin:0 auto;
	position:relative;
}

.hero .btn {
	font-size:1rem
} 

/* .hero .banner .actions .btn, .hero .banner .actions .btn:hover { */
	/* border:none; */
/* }  */

.hero div.img img {
    margin: 0 auto;
    height: 100%;
    position: relative;
    max-width: 380px;
    width: auto;
    bottom: -33px;
    max-width: 250px;
    z-index: 1;
}

#articles .banniere img {
	transition:all .3s ease-in-out
}

#articles .banniere img {
	width:70%
}


#articles .banniere:hover img {
	width:75%
}

#articles .tile, #pilotez .internal-nav.pseudo-menu li {
	background: #E6F2F3;
	color:#025B61
}

#pilotez .pseudo-menu li .titre {
	color:#025B61
}

#articles .tile p {
	color:#025B61
}

#articles .banniere:hover .coin:after {
   	position: absolute;
	z-index: -1;
	width: 4rem;
	height: 4rem;
	content: "";
	background: red;
	transform: rotate(180deg) scale(1.5);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}




.hero.ctxt_page {
	position:relative;
	padding:0;
	/* min-height:12em; */
	/* background:#017c83 url('/fr/images/epargnants/header-2025.jpg'); */
	/* background-size:cover; */
	background:#004b4f;
	background: linear-gradient(90deg, rgba(0, 75, 79, 1) 0%, rgba(0, 124, 130, 1) 100%);
}

/* .hero.ctxt_page_ent, .ei_contener .hero.configurateur { */
	/* background:transparent url('/fr/images/entreprises/fond-header.jpg'); */
	/* background-size:cover; */
/* } */

.hero.isr {
    /*background-image: url('/fr/images/entreprises/fond-isr.jpg');*/
    background-image: url('/fr/images/entreprises/header_isr.png');
}



.hero p {
	margin-top:1rem;
	line-height:1.3;
	margin-bottom:0;
	color:#fff;
}

.hero div.banner h1 {
	color: #fff;
	z-index:3;
	padding:0;
}

/*.hero.isr div.banner * {
	color:#444
}*/


.hero.bottom .col_2_3 {
	padding:3rem 0;
}

.hero.bottom .col_2_3 {
	padding:3rem 0;
}

.hero.bottom .col_1_3 {
	display:flex;
	align-items:end
}	
	
.intro .col_1_3 img {
    position: absolute;
    width: 130%;
    left: -20%;
}

.intro p {
	margin-bottom:0
}

.body > section, .home_promo {
	padding: 4rem 0;
	position:relative;
}

/* .ctxt-home .home_promo, #articles + .ctxt-home .home_promo.bg { */
	/* padding: 3rem 1rem 6rem 1rem; */
/* }	 */
	
.ctxt-home .home_promo.bg {
	background:#fff;
}

/* .ent .home_promo { */
	/* padding:6rem */
/* } */

#actu-nav {
	padding:0
}

section > div {
	padding: 1.875rem 0;
	margin: 0 auto;
	max-width: 1280px;
}

section.npt {
	padding-top:0
}

section > div:first-child video {
	margin-top: 0
}

.mention-credit, section.mention-credit {
	background: #ffff00;
	padding: 1rem;
	margin: 0 auto
}

.body.flex {
	padding: 2.5rem 0;
}

.body.flex.faq {
	padding-top:4rem;
}

.body.flex.faq aside+div {
	padding-bottom:0
}

.body.ent .flex, section > div, .body.flex {
	margin: 0 auto;
	max-width: 74.375em;
}

.actions .btn.flex, .btn.flex, .flex {
	display: flex;
	flex-wrap: wrap;
	position:relative;
}

.hero .col_2_3 {
	flex-wrap:wrap;
}

.flex.nw {
	flex-wrap: nowrap;
}

	.wrap {
		flex-wrap: wrap
	}

.flex p {
	width:100%
}

.tile.horizontal, .horizontal {
	flex-direction:row;
	flex-wrap:nowrap;
	align-items: stretch;
}

ol.styled {
	display: flex;
	flex-wrap: wrap;
	padding-left:0
}

.col_1_3, .col_1_4, .col_2_3, .content-content.col_12, .col_1_2 {
	margin: 0;
	position: relative;
	padding: 0.9375rem;
}

.banner div[class*="col_"] {
	padding:0
}

.tile.tiers.horizontal figure {
	width:33%;
}

.tile.tiers.horizontal .banner {
	width:66%;
}


.col_1 {
	width: 8.333%;
}

.col_11 {
	width: 91.666%;
}

.col_1_4 {
	width:25%;
}

.col_1_3 {
	width:33%;
}

.col_2_3, .hero .banner.col_2_3 {
	width:67%;
}

.col_1_2, .hero .banner.col_1_2 {
	width: 50%;
	vertical-align: top;
}

.col_3_4 {
	width:75%;
}

.col_12 {
	width:100%
}

#articles .tile h3 {
	font-size: 1.3rem;
	font-weight: 800;
	min-height:2rem;
	margin-bottom:0;
	line-height:1
}

#articles figure {
	overflow:visible
}

.content-content.col_12 {
	width:100%;
	margin: 0 auto;
}

.row {
	flex-wrap:wrap; 
	display:flex;
    max-width: 74.375em;
	margin:0 auto;
}

aside.sticky {
	width: 30%;
}

aside.sticky h3 {
	line-height:1;
	font-weight:normal;
}

aside #colonne-actu h2:before {
	content:"\e834";
	display: inline-block;
	font-family: 'fts_commun';
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	left: 0px;
	line-height: 1.2;
	position: absolute;
	text-decoration: inherit;
	text-transform: none;
	top: 2px;
	vertical-align: middle;
	opacity:0.7
}

aside #colonne-actu h2#encart-linkedin:before {
	font-family: fts_picto;
	content: "\F0538";
	background:#0274B3;
	color:#fff;
	border-radius: 50%;
	padding: 6px 8px;
	font-size:.8rem;
	opacity:1
}

aside #colonne-actu h2#encart-linkedin {
	padding-top:0;
	padding-left:40px;
}

#colonne-actu h3 {
	font-size:1.2rem
}

aside #colonne-actu {
	position: relative;
	padding:0 0 1rem 2rem
}

aside ol {
	padding-left:2.5rem
}

#colonne-actu h3, #colonne-actu h4 {
	color:#444;
	margin-bottom: 0;
}

aside.sticky .return .more {
	padding-left: 2rem;
}

aside .sticky .btn {
	margin:1rem 0
}

.body aside.sticky > div {
	padding: 0 4rem 1rem 0;
	position: sticky;
	top: 9rem;
}

.body aside+section, .body aside+div, .body.actualite > section aside+div {
	width: 70%;
	margin-top: 0;
	padding-top:0;
	padding-left: 2.875rem;
	padding-bottom:3rem;
	position: relative;
}

.body.actualite > section aside+div {
    margin-left: 0;
}

aside+section h3 {
	padding-top:1rem
}

aside+section h2:first-of-type, .body.flex aside+section h2:first-of-type  {
	padding-top:0;
	margin-top:0
}

aside+section .col_1_3 {
    padding:.5rem
}

aside+section .col_1_3 div {
    padding:1rem
}

aside+section .col_1_3 h3, aside+section .col_1_3 p {
    font-size:1rem;
}

.videoContainer {
	margin-bottom:2rem;
	padding:0;
}
.videoContainer video {
	width:100%;
}

aside+div section:first-child {
	padding: 0;
}

aside+div section {
	padding: 1rem 0;
}

ol {
	counter-reset: li;
	padding-left: 4rem;
	list-style: none;
}

ol>li, ol span>li {
	position: relative;
	margin-bottom: 1rem;
	counter-increment: li;
}

ul li, ol li {
	line-height: 1.375rem;
	position:relative
}

ol li h4 {
	display:inline-block;
	font-size: 1.375rem;
}

section.bg, .tile.bg, .bg {
	background: rgba(0, 124, 130, 0.06);
}

section.bg2, .tile.bg2, .bg2 {
	background: rgba(200,241,243, .25);
}

section.bg3 {
	background:#2a3e91
}

section.bg4 {
	background:#106B74
}

section.bg5 {
	background:#25378d
}

section.oh {
	overflow:hidden;
}

div.bgvert {
	background-color:#007c82 !important;
}

.bgvert a {
	color::#007c82 !important;
}

.bgvert a:hover, .bgvert a:focus, .bgvert a.hover {
    border: 1px solid #fff !important;
}

div.bgvert h1, div.bgvert h2,div.bgvert h3, div.bgvert p {
	color:#fff !important
}	


section.bg3 > div p, section.bg3 span, section.bg4 p, section.bg3 h2, section.bg4 h2, section.bg5 h2, section.bg5 p {
	color:#fff
}

ol.styled.flex li:before {
	padding: 1.5625rem;
	position: absolute;
	left: 2.1875rem;
	top: 1.5rem;
	font-size: 2.1875rem;
}

ol.styled li:before {
	background-color: #007C82;
	color: #fff;
	font-weight: 600;
}

.flex aside ol li a {
	text-decoration:none
}

.flex aside ol li a:hover {
	text-decoration:underline
}

/*.flex aside ol li:before {
	position: relative;
	font-size: .91rem;
	margin-left:-38px;
	padding: 0.4rem .7rem;
	top: 0.15rem;
}*/

ol.styled.flex li {
	padding: 2.5rem 1.25rem 2.5rem 6.25rem;
	margin:0.9em;
	background:#fff;
	width: calc(50% - 1.8em);
}

ul.styled li {
	margin: 0.9em;
	width: calc(50% - 1.8em);
	list-style:none
}

.faq ul.styled li {
	margin: 0.9em 0;
	width: 100%;
	list-style: none;
	padding-right:.5rem;
}

header ul.styled li {
	width:100%
}

div.hero > figure, li.hero > figure {
	width: 33%;
	overflow: hidden;
	height: 100%;
	margin: 1rem;
	text-align: center
}

div.hero > figure+div , li.hero > figure+div {
	width: 67%;
	padding: 30px;
	padding: 0 1.875rem;
}

.encart {
	padding: 2.25rem 2.5rem 2.5rem;
	margin-bottom:2rem;
	margin-top:2rem;
	background: rgba(0,68,148,0.05);
}

.encart.illustre {
    padding: 3rem 2.5rem 3rem 5rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    background: rgba(0,68,148,0.05);
    position: relative;
    margin-left: 3rem;
	background: #FFF;
	box-shadow: 0 4px 10px 0 rgba(22, 42, 90, 0.12);
	margin-right:0.9375rem
}

.encart.illustre .illustration {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -2.9rem;
    background: #24378d;
    width: 100px;
    height: 100px;
}

.encart.illustre img {
    height: 100%;
    width: 80%;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

.encart.illustre.exemple .encart_title, .encart.illustre.savoir .encart_title, .encart.illustre.mot .encart_title, .encart.illustre.astuce .encart_title {
	display:block;
	font-size:1.375rem;
	padding-bottom:0;
	margin-top:0;
	color:#007c82;
}

.encart.illustre.exemple span, .encart.illustre.savoir span, .encart.illustre.mot span, .encart.illustre.astuce span{
	color:#007c82;
	font-weight:bold;
}

.encart.illustre p {
	margin-bottom:0;
	line-height:1.4
}

.encart.illustre .btn {
	margin-top:1rem;
}



.encart .col_1_4 {
	padding:0
}

#epargne .encart {
	background:#F1FBFC;
}

.encart h4 {
	padding-bottom: 10px;
	padding-bottom: 0.625rem;
	line-height: 1.3;
	color: #004494;
	font-size: 1.375rem;
}

.encart figure {
	text-align:center
}

.encart.hero .actions {
	margin-top:0
}

.encart.hero > figure+div {
	width: 70%;
	padding: 30px;
	padding: 1.875rem 1.875rem 1.875rem 0;
}

.disposer_visuel {
	height: auto;
	width: 250px;
	position: relative;
	bottom: -20px;
	left:20px;
	z-index:3
}

#retrait {
	padding:0
}

/*==---- Actualités ----==*/

.body.actualite {
	margin: 0 auto;
}

.body.actualite.dossier-special .content-type {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.body.actualite header .more, .body.dossier-special header .more {
	padding-left: 1.5rem;
	font-weight: 500;
	display: inline-block;
	width: 50%;
	text-align: left;
	margin-bottom: 1rem;
	line-height: 1.2;
}

.body.actualite header .more:before, .body.dossier-special header .more:before {
	font-family: fts_commun;
	content: "\EA35";
	position: absolute;
	text-decoration: none;
	top: 50%;
	left: 0;
	transform: translateY(-50%) rotateY(-180deg);
	padding-left: 0.3125rem;
}

.body.actualite aside.sticky, .body.actualite aside {
	width: 30%;
}


.body.actualite > .flex article {
	left:0;
	margin-left:0
}

.body.actualite > .flex.inverse article {
	right: 0;
}

.body.actualite > .flex.inverse .rebonds-actualites article {
	right: auto;
	margin-right: auto;
}

.body.actualite > .flex.inverse aside {
	order:2
}

.body.actualite .flex.inverse aside+div {
	background: #fff;
	padding-left:0
}

.body.actualite .flex.inverse aside #colonne-actu {
	margin-top: 4rem;
}

.body.actualite .flex.inverse aside .btn {
	width:100%;
	margin:0 auto
}

.body.actualite > section aside ul li {
	list-style:none; 
	padding:.8rem 0
}

.body.actualite>section aside ul li:before {
	display:none
}

.body.actualite > section aside ul {
	padding-left:0; 
	margin:0.5rem 0 0 0 
}

.body.actualite > section aside h2 {
	padding-left: 2rem;
	position: relative;
	font-size: 1.3rem;
	line-height: 2rem;
}

.body.actualite > section aside h3 {
	font-weight:500
}

.body .flex.inverse ul li, .niv1 li, section ul li {
	list-style:none;
	font-size: 1.125rem;
	line-height: 1.8rem;
}

#ei_tpl_fullsite .body table td ul {
	padding:1rem 0 1rem 2rem;
	margin:1rem;
	text-align:left;
}
#ei_tpl_fullsite .body table td ul li {
	font-size:1rem
}

.body .flex.inverse ul li:before, .niv1 li:before, .content-content ul li:before, section ul li:before {
	content:"";
	position: absolute;
	width: 9px;
	height: 9px;
	background-color: #007C82;
	border-radius: 9px;
	top:10px;
	left: -25px;
}

.body .flex.inverse ol > li:before, .content-content ol > li:before, section ol > li:before, ol > li:before {
	border: 1px solid rgba(0, 124, 130, 0.2);
	background: #ffffff;
	padding: 0.1875rem .7rem;
	color: #444;
	content: counter(li);
	margin-left: -45px;
	margin-right: .5em;
	/* transform:translateY(-50%); */
	/* top:50%; */
	position: absolute;
	font-size: 1.25rem;
	border-radius: 0;
	height:auto;
	left:-5px;
}

.body.guides ul.video-tags li:before {
	display:none;
}

.body .flex.inverse ul li ul li:before {
	width: 6px;
	height: 6px;
	left: -22px;
}


/*==---- Page actualités & publications ----==*/

.body.actualite header {
	margin-top:4rem;
	position:relative;
}

.uf-filter-wrap {
	width:100%
}

.body.liste-actu .bg {
	padding-top:0
}

.body.actualite .content-type {
    line-height: 1.2;
    background: #E1EFFF;
    color: #2b3446;
    font-size: 1rem;
    border-radius: 6px;
    padding: .5rem;
    right: 0;
    width: auto;
    position: absolute;
    margin: 0;
    top: 0px;
}

.tile .content-type {
	margin:0
}

.body.actualite > section > div {
	max-width:74.375em; 
	width:100%;
}

.body.actualite {
	border-top:1px solid #f3f3f3
}

.content-img {
	width:100%;
	max-width:850px; 
	display:block; 
	margin:0 auto 1rem 0; 
	height:auto
}

.body.actualite > section:first-of-type {
	padding-top:0
}

.body.actualite .flex {
	max-width:74.375em;
	margin:0 auto
}

.content-content {
	width:100%;
	max-width:53.125em;  
	margin:0 auto
}

.entry, .page-rebound {
	margin:0 auto; 
}

.page-rebound, .page-rebound.rebonds-actualites {
	background:rgba(0,68,148,0.05);
	padding:3rem 3rem 1.8rem 3rem;
	
}


.page-rebound > div , .page-rebound.rebonds-actualites > div {
max-width: 74.375em;
margin:0 auto;
}

.rebound-article.tile figure, .rebound-article.tile .banner {
	min-height:130px;
}

.rebound-article.tile h3 {
    font-size: 1rem;
}

.entry .row, .page-rebound .row, .rebound-article a {
	display:flex;
}

.rebound-article .tile.hero figure {
	margin:0
}

.rebound-article .tile.hero .more {
	padding-left:1.2rem;
}

.rebound-article a {
	text-decoration:none
}

.rebound-article .banner a, .body.actualite  .rebound-article .content-type, .return .more:after {
	display:none
}

.rebound-article .tile {
	flex-direction:row
}

.rebound-article .banner {
	width:67%;
	height:auto;
	min-height:auto
}

.rebound-article .tile h3 {
	text-decoration:none;
	margin:0
}

.rebound-article .tile.hero .more:after {
	left:0;
	transform: translateY(-50%) rotate(-180deg);
}

.content-header {
    margin-bottom: 2rem;
}

.page-rebound h1 {
	color: #004494;
	margin: 0 0 0.625rem 0;
	font-size: 1.25rem;
}

.entry h1 {
	line-height: 1;
	margin: 1rem 0 2rem 0;
}

.entry .content-intro {
	font-size:1.215rem;
	line-height:1.5;
	margin:2rem 0;
}

.mentions p, .mentions ul li {
	font-size:0.75rem;
	margin: 0 0 .3rem 0;
	line-height:1
}

.mentions ul li {
	text-align:left;
}

.mentions ul li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #007C82;
    border-radius: 9px;
    top: 4px;
    left: -14px;
}

fieldset .mentions {
    max-width: 800px;
    margin: 0 auto;
	text-align:left;
}

fieldset .mentions ul {
    padding-left: 1rem;
    margin: 1rem 0;
}

.entry footer {
	margin-top:2rem;
}

section.footer {
	padding:0
}

section.footer footer {
	margin-top:0
}

footer.mentions {
	margin-top:2rem
}

.return {
	text-align: center;
}

.return a {
	display:inline-block;
	position:relative;
	padding-left:20px;
}

.return .more {
	padding-left: 1.3rem;
	margin-top: .5rem;
	font-size: 1.2rem;
	font-weight: 400;
}

.body .rebonds-actualites .content-type {
	text-align:left;
	margin-top:1rem;
}

.return .more:before, .return a:before {
	font-family: fts_commun;
	content: "\EA35";
	position: absolute;
	text-decoration: none;
	top: 50%;
	left:-5px;
	-webkit-transform: translateY(-50%) rotateY(-180deg);
	transform: translateY(-50%) rotateY(-180deg);
	padding-left: 0.3125rem;
}

/*==---- Headers ----==*/

.hero .banner > p {
	margin: 1rem 0 0 0;
	color:#ffffff
}

#forme {
	height: 900px;
	width: 900px;
	background: #006166;
	opacity: .65;
	top: -90px;
	left: -160px;
}

#forme3 {
	height: 900px;
	width: 900px;
	opacity: .6;
	background: #01686d;
	top: -50%;
	left: -25%;
	z-index:0
}

#forme, #forme3 {
	transform: rotate(45deg);
	position: absolute;
}

.hero.ctxt_page .actions {
	margin-top:1.5rem;	
}

.hero .banner .actions {
	display:flex;
	flex-wrap: nowrap;
}

.hero .banner .actions .btn {
	padding: 0.5rem .5rem .5rem .5rem;
	width:280px;
	opacity: .9;
	margin-right: .5rem;
	max-width: 297px;
	text-align:center;
}

.hero.ctxt_page .banner .actions span {
	color:#666		
}		

.hero.ctxt_page .banner .actions .btn.active, .hero.ctxt_page .banner .actions .btn:hover, .hero.ctxt_page .banner .actions .btn:focus {
	opacity: 1;
	background:#fff;
	color:#007C82;
	font-weight:bold;
}	

.hero.ctxt_page .banner .actions .btn:hover figure, .hero.ctxt_page .banner .actions .btn.active figure {
	background: #fff;
}

.hero.ctxt_page .banner .actions .btn figure {
	margin: 0 .3rem 0 0;
	background: #fff;
	padding: .3rem;
	border-radius:3px;
}

.hero.ctxt_page .banner .actions .btn:after, header.hero > img {
	display:none
}

.ei_contener > header {
	padding: 2.5rem;
	margin: 0 auto;
	max-width: 1180px;
	overflow: hidden;
}

.body > header {
	padding: 40px;
	padding: 2.5rem;
	margin: 0 auto;
	max-width: 1280px;
}

header.hero {
	position: relative;
	padding: 0;
	max-width: 100%;
	/* min-height:12rem; */
	background: #017C81;
	overflow:hidden
}

/** Avec une image solo **/

.hero.nofilter .img:before {
	display:none
} 

.hero.solo {
	background: #a8cffa;
	padding:0
}

.solo img {
	bottom:0;
}

.hero.solo .flex {
	padding:0
}

.hero.solo img {
    max-width: 500px;
}

.hero.solo .flex.end {
	align-items:flex-end;
}

.hero.solo div[class*="col_"] {
	padding:0
}

.hero.solo .banner div {
	position: relative;
	text-align: left;
}

.tile.aes figure img {
	position: absolute;
	max-width: 185%;
	width: auto;
	height: 100%;
	right: -25%;
	bottom: 0;
}

/** Full width **/

/* .hero.part, .hero.ent { */
	/* position:relative; */
	/* max-height: initial; */
	/* overflow:hidden; */
	/* background-image:url('/fr/images/epargnants/fond-header.jpg'); */
	/* background-size:cover; */
	/* background-position: center; */
/* } */

header.hero.ent {
	background:#017c83 url('/fr/images/entreprises/fond-header.jpg');
	background-size:cover;
	height:490px;
}

header.hero.part.investir::before {
	display:none;
}

header.hero.part.investir #forme {
	background:#2f41da;
	opacity:.9
}



header.hero.part.investir h1, header.hero.part.investir p {
	/* color:#444; */
}

/* header.hero.part.investir { */
	/* background:#6271f0 url('/fr/images/epargnants/percevoir-investir-bg.png'); */
	/* background-size:cover; */
/* } */

.hero.part .tile.banniere.horizontal .banner {
	padding:1rem;
}

.hero.part h2 {
    color: #444;
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 1rem;
}
.hero.part .tile.horizontal figure img {
    width: auto;
    max-width: 100%;
    transform: none;
    position: relative;
    left:auto;
    top: auto;
    object-fit: cover;
}

.hero.part .tile img {
	  transform:scale(1);
    transition:all .3s ease-in-out
}
.hero.part .tile:hover img {
    transform:scale(1.4) !important;
}

.hero.part .tile {
	transition:all .2s ease-in-out;
    top:0;
}

.hero.part .tile:hover {
    top:-5px;
}

.hero.part .tile:first-of-type {
	margin-bottom:1rem
}

.entr .hero.home img {
	width:90%;
	transition:all .2s ease-in-out;
}


/* .hero.part p, .entr .hero.home p { */
	/* line-height:1 */
/* } */

.entr .hero p {
	color:#fff;
	margin-bottom:0
}

.hero.part .col_1_2 {
	height:226px;
}

.hero.part #forme + .col_1_2 {
	margin-left:0
}

.hero:before {
	opacity:1;
}
header.hero:before {
    background: #017c83;
    /* background: linear-gradient(90deg, rgba(0, 75, 79, 1) 0%, rgba(0, 124, 130, 1) 100%); */
    content: "";
    opacity: .9;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    display: block;
    left: 0;
    /* --s: 194px; */
    /* --c1: #0f5c61; */
    /* --c2: #007c82; */
    /* --c3: #004b4f; */
    /* --_l: #0000 calc(25%/3),var(--c1) 0 25%,#0000 0; */
    /* --_g: conic-gradient(from 120deg at 50% 87.5%,var(--c1) 120deg,#0000 0); */
    /* background: var(--_g),var(--_g) 0 calc(var(--s)/2),; */
    /* background-size: calc(0.866*var(--s)) var(--s); */
}
header.hero.ctxt_page_ent:before {
	background:#25378D;
/* background: linear-gradient(90deg, rgba(0, 75, 79, 1) 0%, rgba(0, 124, 130, 1) 100%); */
	content:"";
	opacity:.9;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	z-index:0;
	display:block;
	left:0;
    /* --s: 194px; */
    /* --c1: #0f5c61; */
    /* --c2: #007c82; */
    /* --c3: #004b4f; */
    /* --_l: #0000 calc(25%/3),var(--c1) 0 25%,#0000 0; */
    /* --_g: conic-gradient(from 120deg at 50% 87.5%,var(--c1) 120deg,#0000 0); */
    /* background: var(--_g),var(--_g) 0 calc(var(--s)/2), */
    /* conic-gradient(from 180deg at 75%,var(--c2) 60deg,#0000 0), */
    /* conic-gradient(from 60deg at 75% 75%,var(--c1) 0 60deg,#0000 0), */
    /* linear-gradient(150deg,var(--_l)) 0 calc(var(--s)/2), */
    /* conic-gradient(at 25% 25%,#0000 50%,var(--c2) 0 240deg,var(--c1) 0 300deg,var(--c2) 0), */
    /* linear-gradient(-150deg,var(--_l)) var(--c3); */
    /* background-size: calc(0.866*var(--s)) var(--s); */
}

.hero.solo:before, .encart h2:before {
	display:none
}

.hero.ctxt_page_ent:before, .hero.ctxt_page:before {
	/* opacity:1; */
}

.hero.ctxt_page_ent.isr:before {
	opacity:0.8;
}


header.hero.ent:before {
	opacity:0.8;
}

#articles {
    position: relative;
    width: 74.375em;
    margin: 0 auto;
    top: -5rem;
}

#articles .tile .actions, .tile.aes .actions {
	padding:0
}

.retrait, #retrait {
	overflow:hidden;
	background: #017c83 url(/fr/images/epargnants/fond-retrait.jpg);
	background-size: cover;
	background-position: top;
	color:#fff;
	position:relative;
}

#retrait:before {
	background: #017c83;
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
	opacity: 0.5;
	left: 0;
}

#retrait .flex {
    position: relative;
    padding: 0;
}

#retrait p {
	color:#fff;
	position:relative;
}

#retrait .col_1_3:nth-child(1) {
	text-align: center;
}

.flex.ac {
	align-items:center;
}

.flex.jc {
	justify-content:center;
}

.flex.end {
	align-items:end
}

.no-mxw img {
	max-width:inherit;
}

.hero.ctxt_page	h1+p, .hero.ctxt_page_ent h1+p, .hero.part h1+p, .hero.part h1, .hero.ent h1, .hero.ent h1+p, .hero h2 {
	color:#fff;
}

.encart.tile {
	overflow:hidden;
	width:80%;
	padding: 32px;
	padding: 1.5rem 9rem 1.5rem 1.8rem;
	background: #004494;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	z-index: 3;
}

header.flex {
	max-width:1180px;
	margin: 0 auto;
	position:relative;
}		

.hero.ctxt_page	h1, .hero.ctxt_page_ent h1 {
	width: 100%;
	font-size:2.6rem;
}

.hero .tile .actions {
	padding: 0;
	margin-top:0;
}

/** CONFIGURATEUR **/	

.hero.configurateur,header.hero.ctxt_page_ent, header.hero {
	/* background:#2a3e91; */
	
  /* --s: 150px; /* control the size*/
  /* --c1: #ff847c; */
  /* --c2: #e84a5f; */
  /* --c3: #fecea8; */
  /* --c4: #99b898; */
  
  /* background: */
    /* conic-gradient(from  45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0), */
    /* conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0), */
    /* conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0), */
    /* conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0); */
  /* background-size: var(--s) var(--s);  */
background-color: #ffffff;
opacity: 1;
background-image:  radial-gradient(#8f2c2c 0.75px, transparent 0.75px), radial-gradient(#8f2c2c 0.75px, #ffffff 0.75px);
background-size: 30px 30px;
background-position: 0 0,15px 15px;
}

.hero.configurateur, .hero.part {
	padding: 5rem 0 5rem 0;
}

header.hero.part {
	padding: 6rem 0 7rem 0;
}
header.hero.part .col_1_3 {
	padding-right:0
}
.hero.configurateur > .flex.ac, .hero.part > .flex.ac {
	height:100%
}

.hero.configurateur:before {
	background: #25378D;
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
	left: 0;
	opacity:.9
}

/* .hero.home .col_1_3 article { */
	/* background:#4c49c7 */
/* } */

.hero.home .col_1_3 article {
    /* background: #4c49c7; */
    position: absolute;
	padding: 0 1rem;
    transform: translateY(-35%);
	overflow:visible;
    /* top: 0%; */
}

/* header.hero.part { */
	/* overflow:visible; */
	/* background: url("/fr/images/epargnants/fond-header.jpg") */
    /* no-repeat center center; */
  /* background-size: cover; */
/* } */


/* .cd-blurred-bg { */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: url("/fr/images/epargnants/fond-header.jpg") no-repeat center center; */
    /* background-size: cover; */
    /* -webkit-filter: blur(4px); */
    /* filter: blur(4px); */
/* } */


.hero.home #mainDiv {
	top:0;
	position:relative;
}
.hero.home #mainDiv:hover {
	top:-5px;
}

.hero.home .tile {
	background: #1A2251;
	
}

.hero.configurateur article {
	padding:0 !important
}

.coin:after {
    position: absolute;
    bottom: -40px;
    z-index: -1;
    width: 5rem;
	top:auto;
    height: 5rem;
    content: "";
	background:red;
	right: -40px;
    transform: rotate(180deg) scale(1);
	transition:all .3s ease-in-out;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%);
}

.coingg {
    position: absolute;
    bottom: auto;
	top:-1.5rem;
    z-index:3;
    width: 5rem;
    height: 5rem;
    content: "";
	background:red;
	right: auto;
	left:-1.5rem;
    transform: rotate(0deg) scale(1);
	transition:all .2s ease-in-out;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%);
}

.hero.part .coingg {
	background:#2E56E2
}

.coindd {
    position: absolute;
    top: auto;
	bottom:-.5rem;
    z-index:3;
    width: 5rem;
    height: 5rem;
    content: "";
	background:red;
	right: -2.5rem;
	left:auto;
    transform: rotate(180deg) scale(1);
	transition:all .2s ease-in-out;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%);
}

.hero.part .coindd {
	background:#2E56E2
}

.coin_g:after {
    position: absolute;
    bottom: -40px;
    z-index: -1;
    width: 5rem;
    height: 5rem;
    content: "";
	background:red;
	right: -40px;
    transform: rotate(180deg);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%);
}

.coin.cg:after {
	right: auto;
	left:-39px;
	bottom:auto;
	top:-40px;
	transform: rotate(0deg);
}

#articles .banniere:hover .coin.cg:after {
    right: auto;
    left: -60px;
    bottom: auto;
    top: -60px;
    transform: rotate(45deg);
}


.hero.part .tile.coin.cg:after {
	right: auto;
	bottom:auto;
	transform: rotate(0deg);
}


.hero.part .coingg.overlay {
    right: auto;
    left: -40px;
    bottom: auto;
    top: -40px;
    transform: rotate(0deg);
}
.hero.part .coindd.overlay {
    bottom: -1.5rem;
    right: -3.5rem;
}


.coing {
	background:#25378d;
	position: absolute;
    top:-40px;
    z-index: 2;
    width: 5rem;
    height: 5rem;
	left:-40px;
}


#contact .coing {
	background:#b2e5ff
}

#contact .coin:after {
	background:#007C82;
}

.home_promo .coin:after {
	background:#172259;
}

#adaptee .coin:after {
	background:#007C82
}

.coing div {
	background:#fff;
	height:2.5rem;
	width:2.5rem;
	position:absolute;
	right:0;
	z-index: 3;
	bottom:0
}

.coindi {
	background:#fff;
	position: absolute;
    bottom:0;
    z-index: 50;
    width: 2.5rem;
    height: 2.5rem;
	 pointer-events: none;
	right:0;
	transition:all .25s ease-in-out
}

.coind {
	background:#96bdc4;
	position: absolute;
    bottom:-40px;
    z-index: 2;
    width: 5rem;
    height: 5rem;
	right:-40px;
	/* transform: rotate(180deg); */
    /* clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%); */
	transition:all .25s ease-in-out
}

.hero.home .coind {
	background:#1A2251;
}
#articles .coind {
	background:#E6F2F3;
	/* bottom:25px; */
}

.hero.home .coind,  #articles .tile .coind {
	transform: rotate(180deg);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%);
}

#articles .coind.overlay  {
    bottom:5px;
	right:0;
}

#articles #mainDiv {
	transition:all .25s ease-in-out;
	top:0
}

#articles #mainDiv:hover {
	top:-5px
}


.hero.home .coind.overlay {
    bottom:5px;
	right:0;
}

.hero.home .coindi.overlay  {
    right:-40px;
bottom:-35px;
background:#1A2251
}

#articles .coindi {
	z-index:50
}
#articles .coindi.overlay  {
right:-40px;
bottom:-35px;
background:#E6F2F3;
}
#articles .coind.overlay  {
   background:#E6F2F3 
}

.coind {
	background:#96bdc4;
	position: absolute;
    bottom:-40px;
    z-index: 1;
    width: 5rem;
    height: 5rem;
	right:-40px;
}


.coind div {
	background:#fff;
	height:2.5rem;
	width:2.5rem;
	position:absolute;
	left:0;
	z-index: 3;
	top:0
}


.ei_contener .hero.home {
	overflow:visible;
}

.hero.configurateur * {
	color:#fff
}

.hero.configurateur .actions {
	margin-top:1rem
}

.hero.configurateur #forme {
	display:none
}

.hero.configurateur .portrait {
	left:auto;
	bottom:-65%
}

.hero.configurateur .col_1_2 p:first-child {
	margin:0; 
	color:#e8c21a;
	font-weight:bold;
}

/*==---- Tuiles ----==*/


.tile .infos {
	min-height: 150px;
}

.tile.horizontal .infos {
    min-height: 160px;
}

.simulateurs .tile .infos, .nos-quiz .tile .infos {
	min-height:140px
}

.tile figure img.gauche {
	position: absolute;
	max-width: 185%;
	width: auto;
	right: auto;
	left: -65%;
	bottom: 12%;
}

.encart.tile.aes, .tile.aes {
	background-color: #97c8ff;
	color: #015d63;
}

.tile.aes figure {
	overflow:visible
}

.tile.aes h3 {
	color: #414141;
	font-weight: 400;
	font-size: 1.6rem;
	margin-bottom: 0;
}

.tile.aes .banner p {
	color:#444444;
}

.aes .actions .btn.secondary:hover, .aes .actions .btn.secondary.hover {
	background-color: #25378d;
	color: #fff;
}	

.tile:hover, .guides article {
	cursor:pointer
}

.glass .tile, .glass li {
	background: rgba( 255, 255, 255, 0.6);
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	border-radius: 5px;
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	/*border: 1px solid rgba( 255, 255, 255, 0.18 );*/
	margin:.7rem;
	padding:.8rem 1rem .8rem 1rem;
	position:relative;
	top:0;
	width:30%;
	transition:.1s all ease-in-out
}

.glass .tile:first-of-type {
	margin-left:0;
}
.glass .tile:last-of-type {
	margin-right:0;
}

	.glass h3 {
	line-height: 1.1;
	font-size:1.1rem;
}

.glass .tile:hover {
	background: rgba( 255, 255, 255, 1);
	top:-.6rem;
}

.glass .tile .horizontal .infos {
    min-height: auto;
	padding:0 1rem
}

.hero .glass p {
	color:#414141
}

.glass .tile .horizontal p {
 font-size:0.875em;
 margin-top:0;
color:#414141
}

.glass .tile .horizontal figure {
    width: 80px;
	flex-shrink: 0;
	height:80px;
    margin-top: 0;
	opacity:1;
	left:0;
	transition:.12s all ease-in;
	transition-delay: 80ms;
	border-radius:50%;
}

.glass .tile .horizontal img {
    width: 143px;
	max-width:143px;
    height: 83px;
    min-height: auto;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.glass .tile .infos {
	left:0;
  transition:.15s all ease-in;
  	transition-delay: 80ms;
}

.glass .tile.all .infos {
  transition:.18s all ease-in;
  	transition-delay: 80ms;
}

.glass .tile:hover figure, .glass .tile:hover .infos {
   left:-80px;
}

.glass .tile.all:hover .infos {
   left:-100px;
   opacity:0
}

.glass .tile:hover figure {
   opacity:0;
}

.glass .tile .infos {
	position:relative;
}

.glass .tile .fleche:after {
    transition: right .25s ease-out;
	transition-delay: 80ms;
	right:-60px;
	font-family: fts_commun;
    content: "\EA35";
    position: absolute;
    top: 52%;
    text-transform: initial;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 0.3125rem;
	opacity:0;
	font-size:2rem
}

.glass .tile.all .fleche:after {
	transition: right .15s ease-out;
	transition-delay: 100ms;
}

.glass .tile:hover .fleche:after {
    right: 2rem;
	opacity:.8;
}

.glass .tile.all:hover .fleche:after {
    right: 35%;
	font-size:4rem
}

.glass h3 {
	font-size:1.15rem
}

.tile, #videos-services li, .guides article a {
	background: #fff;
	-webkit-box-shadow: 0 4px 22px 0 rgba(22, 42, 90, 0.12);
	-moz-box-shadow: 0 4px 22px 0 rgba(22, 42, 90, 0.12);
	box-shadow: 0 4px 22px 0 rgba(22, 42, 90, 0.12);
	position: relative;
	z-index: 50;
	/* overflow: hidden; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.guides article img {
	width: 100%;
	height: auto;
}

.guides article a {
	text-decoration: none;
	position: relative;
	display: block;
}

.guides .visuel {
	background:#58BC96
}

.tile a {
	text-decoration: none;
}

.tile figure {
	margin: 0;
	display:flex;
	overflow:hidden;
	padding:0;
	position:relative;
}

.tile figure img {
	width: 100%;
	height: auto;
	max-width:100%;
}

.tile.projets figure img {
	width: 30%;
	margin:0 auto;
}

.tile.horizontal figure img {
	width: 150%;
	max-width:150%;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}

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

.tile.horizontal.svg figure img {
	width: 80%;
}

/* .ctxt-home .tile.svg figure img { */
    /* width: 50%; */
    /* margin: 1rem auto 0; */
	/* margin: 0 auto 0; */
/* } */

.tile.svg figure img {
	width: 50%;
    margin: 1rem auto 0;
}

.tile.horizontal.svg figure img {
    margin: 0;
}

.illu {
	background: #004494;
	position: relative;
}

.tile .banner {
	padding: 1.7rem;	
}

.tile.projets .banner {
	padding: .5rem 1.7rem 1.7rem 1.7rem;	
}

.tile .col_1_2.banner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ent .tile figure {
	width: auto;
}

.horizontal.tile figure, .horizontal.tile .banner {
	width:50%;
	margin-top:0
}

.tile.horizontal .banner {
	padding: 1.7rem;
}

.home_promo .banner {
	min-height:110px
}

.home_promo .banner h3 {
	margin-bottom:0;
}

.tile header {
	padding: 40px 40px 0px 40px;
}

.tile .intro p {
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #414141;
}
.tuile {
    min-height: 400px;
    /* margin: 0 .3rem; */
    overflow: hidden;
    flex: 1;
    display: flex;
	justify-content:center;
    align-items: center;
    transition: all .8s ease;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-color: #f3f3f3; */
    cursor: pointer;
    filter: grayscale(0);
    flex-wrap: wrap;
	padding:1rem;
	position:relative;
	border-left: solid 1rem #fff;
}

.tuile:first-of-type {
	border:none
}

.tuile:before {
    content: "";
    height: 40%;
    width: 100%;
    /* background: #2a3e91; */
    /* opacity: 0; */
    background: linear-gradient(0deg,rgba(73, 76, 199, 1) 0%, rgba(73, 76, 199, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s ease-in-out;
}

/* #tuile2:after { */
	/* background:#2e2f36; */
/* } */

/* #tuile3:after { */
	/* background:#2e2f36a3; */
/* } */

/* #tuile4:after { */
	/* background:#2e2f3650; */
/* } */

.tuile.active:before {
    opacity: 1;
    background: linear-gradient(0deg,76,73,199, 0%, 76,73,199, .5) 100%);
    bottom: 0;
	height:100%;
}

/* .tuile.active:before { */
	/* opacity:1; */
		/* background: linear-gradient(0deg,rgba(26, 34, 81, 1) 0%, rgba(26, 34, 81, .7) 60%); */
/* } */

/* .tuile.active:before { */
	/* opacity:1; */
		/* background: linear-gradient(0deg,rgba(26, 34, 81, 1) 0%, rgba(26, 34, 81, .7) 60%); */
/* } */

/* .tuile.active:before { */
	/* opacity:1; */
		/* background: linear-gradient(0deg,rgba(26, 34, 81, 1) 0%, rgba(26, 34, 81, .7) 60%); */
/* } */
/* .tuile.active:before { */
	/* opacity:1; */
		/* background: linear-gradient(0deg,rgba(26, 34, 81, 1) 0%, rgba(26, 34, 81, .7) 60%); */
/* } */


.tuile .btn {
	width:200px;
	margin:0 auto;
	background:#F7F9FF !important;
	color: #112251 !important;
	border-radius:0;
}


.tuile.active {
	filter:grayscale(0);
	flex:3;
	align-items:center
}

#projets .tuile.active {
	flex:2;
}

/* .tuile h3, .tuile .btn { */
	/* display:none; */

/* } */
.tuile {
	 /* --s: 57px;  */
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  /* --c3: #071245; */
  
  /* background: */
    /* repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%)  */
     /* calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), */
    /* repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%); */
  /* background-size: var(--s) calc(var(--s)*tan(30deg)); */
  

    /* background: #2a3e91; */
    --s: 150px;
    --c1: #ff847c;
    --c2: #e84a5f;
    --c3: #fecea8;
    --c4: #99b898;
    background: conic-gradient(from  45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0),
    conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0),
    conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0),
    conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0);
    background-size: var(--s) var(--s);
}
.tuile .flex {
transition:all .8s ease;
width:200px;
max-width:200px;
/* transform:translateX(-50%); */
/* left:50%; */
position:absolute;
bottom:0
}

#projets .tuile .flex {
width:300px;
}


#outils .tile {
	margin:1rem;
}

#outils .tile .infos {
	min-height:auto;
	padding:.5rem;
	min-height:100px;
}

.tuile:after {
    background: #25378D;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    opacity:.9;
}

.tuile.active .flex {
max-width:150px;
/* transform:translateX(-50%); */
/* left:50%; */
bottom:-3rem;}

#projets .tuile.active .flex {
max-width:250px;
/* transform:translateX(-50%); */
/* left:50%; */
bottom:-3rem;}

.tuile .c {
	/* transition:all .5s ease; */
	opacity:0;
}
.tuile.active .c {
	opacity:1;
}

.tuile.active span {
	transform:translateY(200%);
}
.tuile .tag {
	border-radius:0;
	background:transparent;
	color:#fff;
	margin:0;
	text-align:left;
	display:block;
	opacity:.9;
	line-height:1.5;
	padding:.3rem .5rem;
}

#projets .tuile .tag {
	line-height:1;
	padding-bottom:1rem
}

#disposez .coin:after {
	background:#007C82
}

.tuile.active .flex:after {
   /* display:none; */
   top: 110%;
}

.tuile .flex:after {
    /* font-size: 2rem; */
    /* content: ">"; */
    /* position: absolute; */
    /* top: 50%; */
    /* text-transform: initial; */
    /* right: .6rem; */
	/* color:#fff; */
    /* transform: translateY(-50%); */
    /* padding-left: 0.3125rem; */
    /* z-index: 36; */
    /* font-weight: bold; */
	/* transition:all .7s ease; */
    /* display: block; */
    /* background: red; */
    /* clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%); */
}

#projets .tuile:after {
    background: #017c81;
}

.tuile span:nth-child(1){
	margin-left:1rem;
}
.tuile span:nth-child(2) {
    background: blue;
    width: auto;
    margin-left: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}

/* .tuile:nth-child(1) .tag { */
	/* background:rgba(10, 96, 51, 1); */
/* } */
/* .tuile:nth-child(3) .tag { */
	/* background:rgba(26, 89, 81, 1); */
/* } */
/* .tuile:nth-child(4) .tag { */
	/* background:rgba(51, 21, 12, 1); */
/* } */

.tuile * {
	color:#fff;
	position:relative;
	z-index:3;
	width:100%;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:0;
	transition:all .3s ease-in
}


.tuile .c {
	/* width:50%; */
    /* background: #2a3e91; */
    /* padding: 1rem .5rem; */
    /* width: 90%; */
    /* margin: 0 auto; */
    /* position: relative; */
    /* bottom: -3rem; */
	 /* box-shadow: 0 4px 30px 0 rgba(22, 42, 90, 0.40); */
}

.tuile p {
	max-width:300px;
	margin-bottom:.5rem;
	margin:0 auto 1rem auto;
	line-height:1;
}

.tuile .flex span:first-of-type {
	font-size:1.8rem;
	font-weight:bold;
}


.tuile h3 {
	font-weight:bold;
	font-size:.2rem
}
.tuile.active h3 {
	font-size:1.5rem;	
}

#projets .tuile h3 {
	/* font-size:2rem; */
}

#tuile1 {
	/* background: url(/fr/images/entreprises/fond-header.jpg); */
	
  /* --s: 57px; /* control the size*/ 
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  /* --c3: #071245; */
  
  /* background: */
    /* repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%)  */
     /* calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), */
    /* repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%); */
  /* background-size: var(--s) calc(var(--s)*tan(30deg)); */
}

#tuile2 {
	/* background: url(/fr/images/entreprises/solutions-salaries.jpg); */

  /* --s: 26px; /* control the size*/
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  /* --c3: #071245; */
  
  /* --_g: conic-gradient(at 50% 25%,#0000 75%,var(--c1) 0); */
  /* background: */
    /* var(--_g),var(--_g) var(--s) var(--s), */
    /* var(--_g) calc(2*var(--s)) calc(2*var(--s)), */
    /* var(--_g) calc(3*var(--s)) calc(3*var(--s)), */
    /* repeating-linear-gradient(135deg,var(--c2) 0 12.5%,var(--c3) 0 25%); */
  /* background-size: calc(4*var(--s)) calc(4*var(--s)) */
  
    /* --s: 57px; /* control the size*/
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  /* --c3: #071245; */
  
  /* background: */
    /* repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%)  */
     /* calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), */
    /* repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%); */
  /* background-size: var(--s) calc(var(--s)*tan(30deg)); */
}

#tuile3 {
	/* background: url(/fr/images/entreprises/solutions-salaries-hp.jpg); */
	
  /* --s: 63px; /* control the size*/
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  
  /* background: */
    /* conic-gradient(at 80% 80%,var(--c1) 75%,#0000 0), */
    /* linear-gradient(135deg,var(--c1) calc(40%/3), */
      /* #0000 0 calc(200%/3),var(--c1) 0), */
    /* conic-gradient(from 45deg at calc(160%/3) calc(80%/3), */
      /* #0008 135deg,#0000 0 225deg,#0004 0) */
    /* var(--c2); */
  /* background-size: var(--s) var(--s); */
  
    /* --s: 57px; /* control the size*/ 
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  /* --c3: #071245; */
  
  /* background: */
    /* repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%)  */
     /* calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), */
    /* repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%); */
  /* background-size: var(--s) calc(var(--s)*tan(30deg)); */
}

#tuile4 {
	/* background: url(/fr/images/entreprises/outils-es.jpg); */
	

  /* --s: 45px; /* control the size*/ 
  /* --c1: #071245; */
  /* --c2: #4c49c7; */
  /* --c3: #24378d; */
    
  /* background:  */
    /* repeating-conic-gradient(#0000 0 25%,var(--c1) 0 50%) */
    /* 0 0/calc(2*var(--s)) var(--s), */
    /* linear-gradient(-45deg,var(--c2) 33.3%,var(--c3) 0) */
    /* 0 0/var(--s) calc(var(--s)/2) */
	
	  /* --s: 57px;  */
  /* --c1: #24378d; */
  /* --c2: #4c49c7; */
  /* --c3: #071245; */
  
  /* background: */
    /* repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%)  */
     /* calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), */
    /* repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%); */
  /* background-size: var(--s) calc(var(--s)*tan(30deg)); */

}


.tuile img {
	/* object-fit: cover; */
}

#isr .offre_container:before {
    content: "";
    background-image: url('/fr/images/entreprises/isr.svg');
    display: block;
    height: 350px;
    position: absolute;
    width: 177px;
    left: -138px;
    transform: translateY(-50%);
    top: 50%;
	z-index:-1;
    /* padding-top: 2rem; */
    background-size: 80%;
}

/* .decale .offre_titre { */
    /* position: relative; */
    /* width: 100%; */
    /* max-width: 100%; */
    /* padding: 2.5rem; */
    /* margin: 0; */
    /* background-color: #8BE78B80; */
    /* box-shadow: 0 0 24px 0 rgba(0,49,146,.08); */
    /* transition: all 1s ease-out; */
    /* max-width: 63rem; */
/* } */


.decale .offre_container {
    position: relative;
    width: calc(100% - 5rem);
    padding: 2.5rem 2rem;
    background-color: #fff;
    box-shadow: 0 0 118px 0 rgba(0,49,146,.06);
    margin: 0 0 0 5rem;
}

#reassurance .tile .banner, .ctxt-home .tile.projets .banner {
	padding:0
}

.tile.projets .actions {
	padding:0 1rem 1rem 1rem
}

#reassurance .col_1_3 {
    padding-top: 0;
	padding-bottom:0 !important;
	margin-bottom:0 !important
}


.source {
	padding:1rem;
	font-size:0.625rem;
}

#contact .tile {
	overflow:visible;
}

#reassurance .col_1_3:first-child {
    padding-left: 0
}

#reassurance .col_1_3:last-child,  .ctxt-home .home_promo .col_1_3:last-child {
    padding-right: 0;
	margin-right:0 !important
}

#reassurance .col_1_3:last-child,  .ctxt-home .home_promo .col_1_3:first-child {
	margin-left:0 !important
}

#reassurance p {
	padding:1rem;
	margin-bottom:0;
	margin-top:0;
	font-size:1.25rem
}

.ctxt-home .bg2 {
    background:none;
}

.btnSlider.btn {
	margin: 5px;
	padding: 10px;
	cursor: pointer;
}
.btnSlider.active.btn {
	background-color: #24378d !important;
	color: #fff !important;
}
.splide .encart.illustre {
    margin-bottom:0
}

#dispositifs .splide__track {
	/* background:#f3f3f3; */
	/* padding:3rem !important; */
}

/* #dispositifs .encart.illustre { */
	/* box-shadow:none; */
	/* margin-top:0 */
/* } */

/* .splide__track { */
    /* position: relative; */
    /* margin-left: 3rem; */
    /* background: #FFF; */
    /* box-shadow: 0 4px 10px 0 rgba(22, 42, 90, 0.12); */
    /* margin-right: 0.9375rem; */
/* } */

.splide .encart {
	display:flex;
	min-height:370px;
	align-items:center;
}

/* .splide__slide.is-active { */
	/* opacity:1; */
	/* transition:all .1s ease */
/* } */

/* .is-prev, .is-next { */
	/* opacity:.5; */
	/* transition:all .1s ease */
/* } */
  
/* .splide__arrow--prev { */
    /* left: 2em; */
/* }   */

/* .splide__arrow--next { */
    /* right: 2em; */
/* } */

.btn.sf:after {
    display:none !important;
}
.btn.sf {
	padding:.5rem 1rem !important
}

#contact .col_1_2:first-of-type {
	padding:0
}

#myVideo {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
.video-section {
	height:100%
}

#playB, #pauseB {
            display: block;
            margin: 20px auto;
            padding: 10px 20px;
            font-size: 3rem;
			position:absolute;
			background:transparent;
			border:none;
            cursor: pointer;
			bottom:1rem
        }
		
/* #playB { */
	/* left:1rem; */
	/* right:auto; */
/* } */

#playB:after {
    content: "\F03F0";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3rem;
    font-family: fts_picto;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#pauseB:after {
    content: "\F03C3";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3rem;
    font-family: fts_picto;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#playB, #pauseB {
	left:auto;
	right:1rem;
}

h3, .h3 {
	color: #007C82;
	margin: 0 0 1.4rem 0;
	font-size: 1.5rem;
}

.tile.hero > figure+div {
	padding: 1rem 1.875rem;
}

.tile.hero>figure img {
	position: relative;
	left: 100%;
	margin-left: -125%;
	max-width: 150%;
	width: auto;
}

#dispo article {
	height:100%
}

#dispo > div:first-of-type, .home_promo > div {
	padding:0
}

/** forcage alignement flex **/

.flex.fc > .col_1_2, .flex.fc .encart {
	margin-left:0.9375rem;
	margin-right:0.9375rem;
	width: 48%;
}

.flex.fc > .col_1_2, .flex.fc .encart, .flex.fc > .col_1_3 {
	padding:0;
	margin-bottom:1.875rem;
	flex-grow: 1;
}
	
ol.styled.flex.fc li {
    padding: 2.5rem 1.25rem 2.5rem 6.25rem;
}

.flex.fc > div.col_1_2:first-of-type, .flex.fc > div.col_1_2:nth-child(3n), .flex.fc .encart:first-of-type,  .flex.fc .encart:nth-child(3n) {
	margin-left:0;
}

.flex.fc .col_1_2:last-of-type, .flex.fc > div.col_1_2:nth-child(2n), .flex.fc .col_1_2.encart:last-of-type,  .flex.fc .col_1_2.encart:nth-child(2n) {
	margin-right:0;
}

.flex.fc .col_1_3, .body .flex.fc .col_1_3 {
	margin-left:1rem;
	margin-right:1rem;
	width: 30%;
}

/* .flex.fc .col_1_3:first-of-type, .flex.fc .col_1_3:nth-child(4n) { */
	/* margin-left:0; */
	/* margin-right:0 */
/* } */

/* .flex.fc .col_1_3:last-of-type, .flex.fc .col_1_3:nth-child(3n) { */
	/* margin-right:0; */
	/* margin-left:0; */
/* } */

.flex.fc {
	flex-wrap:wrap
}

/** fin forcage alignement flex **/


#dispo .actions {
	flex-grow: 1;
}

/*==---- Boutons ----*/

.ei_header__authentification, .ei_header__links {
	padding-right:0
}

.ei_header__links .more:after {
	font-family: fts_commun;
	content: "\ED34";
	position: absolute;
	text-decoration: none;
	top: 50%;
	left:-15%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 0.3125rem;
	text-decoration: none;
}

.ei_header__links  .more {
	font-size: 0.82rem;
	margin-right:1rem;
}

.ei_menu__content {
	width:100%; 
	position:relative;
}

.ei_menu__nav>ul>li.cta {
	min-width: 10.125rem;
	margin-left: auto;
	min-width:160px;
}

.ei_menu__nav > ul {
	width:100%;
}


.ei_menu__nav > ul {
    justify-content: space-between;
}

.ei_menu__content .ei_menu__nav>ul>li.cta a {
	text-align:center;
	font-weight: 400;
	
}

.ei_header__authentification .ei_env_btn {
	margin-right:2px;
	/*min-width:159px;*/
}

li.e_dropdown .e_smenu ul li.e_focus>a, li.e_dropdown .e_smenu ul li:focus>a {
	color:#666;
	font-weight:600;
}

.ei_menu__nav>ul>li.e_select.cta > a:before {
	display:none
}

li.home.e_select a:before {
    left: 40% !important;
}


.ei_menu__nav>ul>li.cta a {
	background: #fff;
	border: 1px solid rgba(0,124,130,1);
	color: #007C82;
	text-align:left;
	border-radius: 5px;
	text-transform:uppercase;
	font-size: .875rem;
	transition: all 0.2s ease 0s;
}

.ei_header__authentification .ei_env_btn, .ei_menu__nav>ul>li.cta a {
    line-height: 1.5;
}

.ei_menu__nav>ul>li.cta a:hover, .tertiary:hover {
	color: #ffffff;
}

aside.sticky .btn {
	width:90%;
	margin:0 auto;
}

aside.sticky nav {
	margin-bottom:3rem
}

.actions .btn.primary, .btn.primary {
	background: #007C82;
	color: #fff;
	border:none;
	font-weight: 400;
	border-radius: 0;
	padding:0.5rem .75rem 0.5rem .75rem;
	border:1px solid #007C82;
}

.ei_contener .btn.primaire {
	background:#fff;
	padding:16px 24px;
	border:none;
	font-weight:bold;
	color:#02393C;
	font-size:1.3rem;
	box-shadow: 4px 4px 0 0 #02393C;
}

.ei_contener .btn.primaire:hover {
	background:#02393C;
	color:#fff;
	box-shadow: 4px 4px 0 0 #000;
}

.ei_contener .btn.primaire:after {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    content: "";
    mask: url("/fr/images/arrow_right.svg") no-repeat center/cover;
    top: 4px;
    left: 5px;
	margin-left:4px;
    content: "";
   background: #02393C; 
}

.ei_contener .btn.primaire:hover:after {
   background: #fff; 
}

.actions .btn.primary, .btn.primary, .actions .btn.secondary, button.secondary, .btn.secondary, .btn.tertiary {
	/* text-transform: uppercase; */
	transition: .2s ease;
	overflow:hidden;
	font-size:1rem;
}

.actions .btn.primary:hover, .actions .btn.primary:focus, .actions .btn.primary.hover, .actions .btn.primary.hover, .btn.primary:hover, .btn.primary:focus {
	background:#fff;
	border:1px solid #007C82;
	overflow:hidden;
	color:#003f42;
	text-decoration:none;
}

/* .btn.primary:hover, .btn.secondary:hover, .btn.tertiary:hover, .btn.primary:focus, .btn.secondary:focus, .btn.tertiary:focus, button.secondary:hover, button.secondary:focus, .ei_menu__nav>ul>li.cta a:hover,.ei_menu__nav>ul>li.cta a:focus, .js-modal:hover, .js-modal:focus, .actions .btn.primary.hover, .actions .btn.primary.hover { */
	/* box-shadow: 0 5px 7px 0 rgb(0 45 97 / 25%); */
	/* -webkit-box-shadow: 0 5px 7px 0 rgb(0 45 97 / 25%); */
	/* -moz-box-shadow: 0 5px 7px 0 rgba(0,45,97,.25); */
/* } */

.btn.secondary:focus, .btn.primary:focus, .cta a:focus, .ei_header__authentification .ei_env_btn:focus {
	transition: 0s !important;
}

.actions .btn.secondary, button.secondary, .btn.secondary, .actions .btn.tertiary, button.tertiary, .btn.tertiary {
	background: #fff;
	border: 1px solid #007C82;
	color: #003f42;
	/* padding: 0.5rem 3rem 0.5rem 1.5rem; */
	padding: 0.5rem .75rem 0.5rem .75rem;
	line-height:normal;
	text-align:center;
}



.entr .btn.secondary, .entr .btn.tertiary, .ent .btn.secondary, .ent .btn.tertiary {
	border:1px solid #004494;
	color:#004494
}

.btn.primary.xl, .btn.secondary.xl {
	font-size: 18px;
	font-size: 1.2rem;
	padding: .8em 2em .8em 2em;
}

.actions .btn.xl:after, .js-modal.xl:after, .btn.xl:after {
	right: 1rem;
}

.btn.primary.xs, .btn.secondary.xs {
	font-size: 12px;
	font-size:0.75rem;
	padding:0.625em 3em 0.625em 1.5em;
}

.btn.nbd, .btn.nbd:hover, .btn.secondary.nbd, .btn.secondary.nbd:hover  {
	border:none !important
}

.actions {
	margin-top:2rem;	
	bottom:0;
}

.tile .actions {
	margin-top:1rem;
}

.actions.c {
	padding-left:0;
}

.actions .btn, .faq button, .btn, .js-modal {
	background: #fff;
	color: #004494;
	border-radius: 0;
	border: 1px solid rgba(0,68,148,1);
	padding: 0.375rem 2.5rem 0.375rem 1.25rem;
	display: inline-block;
	position:relative;
	transition: .2s ease;
	vertical-align: middle;
	text-decoration:none
}

.actions .btn.secondary:hover, .actions .btn.secondary:focus, .actions .btn.secondary.hover, button.secondary:hover, button.secondary:focus, .ei_menu__nav>ul>li.cta a:hover,.ei_menu__nav>ul>li.cta a:focus, .js-modal:hover, .js-modal:focus, .btn.tertiary:hover, .btn.tertiary:focus {
	background: #02393C;
	color: #fff;
	border: 1px solid #02393C;
}


.btn.inv, button[type="submit"] {
	background: #004494;
	color: #fff;
}

.btn.inv:hover, button[type="submit"]:hover, .btn.inv.hover {
	background: #fff;
	color: #004494 !important;
	border: 1px solid rgba(0,68,148,0.3);
}

.ei_content .btn.over_transparent:hover {
	background: transparent;
	color: #fff !important;
	border: 1px solid #fff;
}

/* .actions .btn:after, .js-modal:after, .btn:after { */
	/* font-family: fts_commun; */
	/* content: "\EA35"; */
	/* position: absolute; */
	/* top: 52%; */
	/* text-transform: initial; */
	/* right: .6rem; */
	/* transition:right .25s ease-out; */
	/* -webkit-transform: translateY(-50%); */
	/* transform: translateY(-50%); */
	/* padding-left: 0.3125rem; */
/* } */

.actions .btn.hover:after, .js-modal:hover:after, .btn:hover:after {
	right: .45rem;
}

.more {
	/* color: #004494; */
	font-size: 1.05rem;
	font-weight: 400;
	position: relative;
	/* text-decoration:none; */
}

/* .more:after { */
	/* font-family: fts_commun; */
	/* content: "\EA35"; */
	/* position:absolute; */
	/* text-decoration:none; */
	/* top: 50%; */
	/* -webkit-transform: translateY(-50%); */
	/* transform: translateY(-50%); */
	/* padding-left: 0.3125rem; */
	/* text-decoration:none */
/* } */

	.dossier-special .more:after {
		display:none
	}

.more:hover:after {
	text-decoration:none;
}

/*==---- Accordeon ----==*/

[data-collapse][role="tablist"] [role="tab"][data-collapsed] {
	cursor: pointer;
	padding: 40px 40px 40px 0px;
	border-bottom: 1px solid rgba(89,89,89,0.2);
	position: relative;
	font-size:1.1rem;
}

[data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] {
	border-bottom: none;
}

[data-collapse][role="tablist"] [role="tab"][data-collapsed="no"]+dd {
	border-bottom: 1px solid rgba(89,89,89,0.2);
}

dl {
	margin-bottom:3rem
}

[data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"]+dd {
	display: none;
}

[data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd {
	padding: 0rem 0rem 3rem 0rem;
    margin-left: 0;
	
}

[data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd p {
	margin-bottom:0;
	font-size:16px;
	font-size:1rem;
	line-height:1.5rem
}


[data-collapse][role="tablist"] [role="tab"][data-collapsed]:after {
	font-family: fts_commun;
	content: "\E629";
	padding-right: 5px;
	font-size: 15px;
	font-size: .75rem;
	position: absolute;
	right : 0;
	top: 50%;
	transition:all .3s ease-in-out;
	transform:translateY(-50%) rotate(45deg);
}

[data-collapse][role="tablist"] [role="tab"][data-collapsed="no"]:after {
	content: "\E629";
	color: #004494;
	transform:translateY(-35%) translateX(-11%) rotate(90deg);
}

a:focus, .ei_env_btn:focus, button:focus {
	outline:2px solid #414141;
	outline-offset: 2px;
}

a:active:focus, .body.actualite header .more:active:focus, button:active:focus {
	outline:0 !important;
	font-weight:normal !important;
}

.ei_footer__links ul li a:focus, .ei_footer__links ul li a:hover {
	text-decoration:none;
}

/*==---- Module déblocage ----==*/

.tag {
	background: #E1EFFF;
	border-radius: 15px;
	color: #2b3446;
	display: inline-block;
	margin-left: .2em;
	line-height:1.8;
	font-size: 12px;
	margin: 0.5rem 0.3rem;
	padding: .3rem 2rem;
}

.tile .tag:first-of-type {
	margin-left:0
}

.module-container {
	text-align:center;
	max-width:100%;
	margin-bottom:4rem
}

.module-container .card h3 {
	margin-top:1.5em
}

.module-container .plus {
	line-height:0;
}

.module-container legend {
	display:block;
	width:100%;
	text-align:center;
}

.module-container .row {
	margin:0 auto;
	max-width: 1068px;
	position: relative;
	width: 100%;
	zoom: 1;
	display:inline-block;
	flex-wrap:nowrap;
}

#bloques {
	padding-bottom:0
}

.last-chance {
	margin-bottom:4rem
}

.card {
	background: #fff;
	box-shadow: 0 4px 22px 0 rgba(22, 42, 90, 0.12);
	position: relative;
	z-index: 50;
	height: 100%;
	overflow: hidden;
	margin:0 auto;
}

.card p {
	padding:1rem
}

.card a {
	margin:.5rem 0 2.5rem 0
}

.card ul {
	width: 80%;
	margin: 2em auto;
	padding-left:0
}

.checklist li:before {
	color: #004494;
	display: inline-block;
	font-family: 'Material Icons';
	font-size: 2em;
	left: 0;
	line-height: 1;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e92d";
	opacity:0.7;
	height:35px;
	width:35px;
	background:transparent;
}

.checklist li .or {
    background: #f3f3f3;
    padding: .5rem;
    border-radius: 50%;
    display: block;
    text-align: center;
    width: 45px;
	font-weight:bold;
    margin: .5rem auto;
}

.checklist {
	list-style-type: none;
}

.checklist li {
	margin: 0;
	padding: 0 0 .5em 3em;
	position: relative;
	text-align: left;
}

.module-container .plus {
	padding:0
}

.module-container .col_1_2.center, .module-container  .col_2_3.center {
	margin: 0 auto;
}

.module-container .col_1_2 {
	display:inline-block;
	width:70%
}

.module-container:before {
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #fff;
	left: 50%;
	margin-left: -16px;
	content: "";
	position: absolute;
	top: -2px;
}

.visually-hidden {
	visibility: hidden;
}

#module-cas-deblocage legend {
	padding: 0;
	margin: 0.9375rem 0;
}

#module-cas-deblocage fieldset {
	border:none;
	margin-top:3rem;
}

#module-cas-deblocage fieldset .txtcenter {
	/*display: flex;
    justify-content: center;
	flex-wrap:wrap*/
}

#module-cas-deblocage fieldset .txtcenter button {
    /*display: flex;
    flex-wrap: wrap;
	align-items:center;
	justify-content:center;*/
	margin-left: 0.3rem;
    margin-top: 0.3rem;
}

.radio-style-alt {
	background-color: #fff;
	/*border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 0 0;*/
	border:1px solid #ddd;
	color: #444;
	cursor: pointer;
	/*display: inline-block;*/
	/*float: left;*/
	font-size: 1em;
	padding: 1.5em 1.176em;
	position: relative;
	text-align: left;
	width: 49%;
	transition: background-color 200ms ease 0s;
	-ms-transition: background-color 200ms ease 0s;
	transition:all 0.5s ease-out;
	margin:.2rem;
}

.module-container .delais {
	margin-left:1rem
}	

.liste-motifs .row {
    border: none;
    display: block;
    margin: 2em auto;
    overflow: hidden;
    padding: 0;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

.radio-style-alt .visually-hidden {
	font-size: 8px;
}

.radio-style-alt span.plan {
	background: #E1EFFF;
	border-radius: 5px;
	color:#2b3446;
	display: inline-block;
	font-size: 12px;
	margin-left: 40px;
	margin-top: .5em;
	padding: .3em .6em;
}

.radio-style-alt span.plan + span.plan {
	margin-left:.8em;
}	

.radio-style-alt:after {
	content: url(/fr/images/forms/radio.svg);
	height:17px;
	margin-top: -.5em;
	position: absolute;
	right: 1.176em;
	top: 50%;
	width: 17px;
}

.radio-style-alt:hover, .radio-style-alt:focus {
	background-color: #E1EFFF;
}

.radio-style-alt.active {
	background-color: #E1EFFF;
	color: #2E3B4E;
}

.radio-style-alt.active:after {
	content: url(/fr/images/forms/radio-checked.svg);
}

.radio-style-alt.active span.plan, .radio-style-alt:hover span.plan {
	background: #ffffff;
}

.radio-style {
	background-color: #fff;
	border: 2px solid rgba(0,68,148,0.3);
	box-shadow: 0 1px 0 #ddd;
	color: #505050;
	font-size: 1em;
	min-height: 135px;
	width: 32%; 
	padding: 1em;
	position: relative;
	text-align: center;
	vertical-align:middle;
	transition: all 200ms ease-out 0s;
	margin-bottom:.3em
	/*margin:1rem*/
}

.radio-style:hover, .radio-style:focus {
	border: 2px solid #2E3B4E;
	color: #2E3B4E;
}

/*.radio-style + .radio-style {
	margin-left: 1.765em;
}*/

.radio-style:before {
	content: url('/fr/images/forms/radio.svg');
	display: block;
	height: 17px;
	margin: 1rem auto .5rem auto;
	width: 100%;
}

.radio-style.active:before {
	content: url('/fr/images/forms/radio-checked.svg');
}

.module-container:not(.first-step) {
	background-color: #fbfbfb;
	border:none;
	padding: 4.118em 0;
	position: relative;
}

.icoon {
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	margin-top: -3px;
	text-decoration: none;
	vertical-align: middle;
}

.icoon-left-tiny:before {
	content: "✕";
	width: 10px;
	overflow: hidden;
	transform: rotate(180deg);
	display: block;
}

.icoon-close:before {
	content: "✕";
}

.module-container h2, .module-container legend {
	color: #444;
	font-weight:400;
	font-size: 1.765em;
	line-height: 1.1em;
	padding: 0 0 1.333em 0;
	text-align: center;
	width: 100%;
}

/*==---- FAQ ----==*/

/* .faq+.page-rebound .actions .btn:after, .actions .btn_contact:after, .contact form .primary:after, .btn_contact:after { */
	/* font-family: 'Material Icons'; */
	/* content: "\e158"; */
	/* font-size: 1.4rem; */
	/* text-transform:initial; */
/* } */

.faq-prime .encart {
	transition: all .3s ease-out; 
	background: #fff;
	margin: 1rem;
	border-radius: 5px;
	padding: 0;
	width: calc(33% - 2rem);
}

.faq-prime .encart a {
	padding:1rem;
}

.faq-prime .encart:hover {
	background:#2B848C 
}

.entr .faq-prime .encart:hover {
	background:#2d5aa8; 
}

.faq-prime-link, .faq-prime-link:hover  {
	text-decoration:none;
}

 .faq-prime-link:hover {
	color:#fff;
}

.faq-prime-link:hover .st0 {
	stroke:#fff;
}

.faq-prime span {
	width:60%
}

.faq aside > div {
	padding: 3em 0;
}

.faq aside > div:first-child {
	padding: 0 0 3em 0;
}

.faq .h2:first-child {
	margin:0 0 2rem 0
}

.faq aside .more:before {
	font-family: fts_commun;
	content: "\EA35";
	position: absolute;
	text-decoration: none;
	top: 50%;
	transform: translateY(-50%) rotateY(-180deg);
	padding-left: 0.3125rem;
	left:-15px;
}

.faq aside .more:after {
	display:none
}

.faq aside .more {
	margin-left: 1.8rem;
	margin-bottom: 2rem;
	display: inline-block;
}

.flex .faq-rebond .h3 {
	padding-top:0	
}

.faq .i_blocgenform + hr {
	margin-top:0
}

.ent .row, .faq .row {
	display:flex
}

.faq h3 {
	margin-top:2rem
}

.faq h2+div {
	margin-top:0; 
	padding:0 0 3rem 0
}

.faq + .page-rebound {
	padding: 3rem;
}

/*==---- tableau ----==*/

table {
	margin:4em 0
}

td p {
	padding: 0;
	margin:0
}

table td {
	padding: 15px;
	padding: 0.9375rem;
	border: 1px solid #f2efed;
	background: #fff;
}

table caption {
	font-size: 20px;
	font-size: 1.25rem;
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
	color: #414141;
	font-weight: 700;
}

table thead th.empty {
	opacity:0;
}

table thead th {
	padding: 15px;
	background-color: #005B5F;
	padding: 0.9375rem;
	color: #fff;
	position:relative;
	border-right: 1px solid rgba(255,255,255,0.5);
}

table thead th p {
	color:#fff
}

table thead th h4 img {
	display: inline-block;
	vertical-align:middle;
	margin-right:1rem
}


/*==---- Lexique ----==*/

.lexique-toolbar {
	border-radius:20px 20px 0 0;
	border:1px solid #EDF6F6
}

ul.alphabet {
	margin: 0 0 0 1rem;
	padding: 1rem 0;
	text-align: center;
}

ul.alphabet li {
	display: inline-block;
	color: #ddd;
	padding: .5rem;
	font-size: 1rem;
	margin-bottom:0
}

.alphabet a {
	border-bottom: none;
	color: #515151;
	text-decoration: none;
	display: inline-block;
}

.alphabet a.active {
	font-weight:600;
	font-size: 1.5rem;
	color: #004494;
	position:relative;
	top:2px;
}

.lexique-liste {
	border-radius:0 0 20px 20px;
	margin: 0;
	background:#FAFBFD;
	padding: 2.941rem 8.333%;
}

.lexique-liste dt {
	color: #2f2f2f;
	font-family: opensans--500--normal,Arial,sans-serif;
	font-size: 1.17647rem;
	line-height: 1.1rem;
}

.lexique-liste dd {
	margin: 1rem 0 2.941rem 0;
}


/*==---- Entreprises ----==*/


#ei_tpl_fullsite.entr .actions .btn.secondary, #ei_tpl_fullsite.entr  button.secondary, #ei_tpl_fullsite.entr  .btn.secondary, #ei_tpl_fullsite.entr .ei_menu__nav>ul>li.cta a, #ei_tpl_fullsite.entr .actions .btn.primary:hover, #ei_tpl_fullsite.entr .btn.primary:hover, #ei_tpl_fullsite.entr .actions .btn.primary.hover, #ei_tpl_fullsite.entr .btn.primary.hover, .ent .btn.primary.hover, .ent .btn.primary:hover, .ent .btn.secondary.hover, .ent .btn.secondary:hover {
    background: #fff;
    border: 1px solid #24378d;
    color: #24378d;
}

#ei_tpl_fullsite.entr .actions .btn.secondary:hover, #ei_tpl_fullsite.entr .actions .btn.secondary:focus, #ei_tpl_fullsite.entr .actions .btn.secondary.hover, #ei_tpl_fullsite.entr button.secondary:hover, #ei_tpl_fullsite.entr button.secondary:focus, #ei_tpl_fullsite.entr .ei_menu__nav>ul>li.cta a:hover, #ei_tpl_fullsite.entr .ei_menu__nav>ul>li.cta a:focus, #ei_tpl_fullsite.entr .js-modal:hover, .js-modal:focus, #ei_tpl_fullsite.entr .tertiary:hover, #ei_tpl_fullsite.entr .tertiary:focus, #ei_tpl_fullsite.entr .actions .btn.primary, #ei_tpl_fullsite.entr .btn.primary, #ei_tpl_fullsite.entr .lire, #ei_tpl_fullsite.entr #load-more, .ent .btn.primary, .ent .btn.primary, .ent .btn.secondary, .ent .btn.secondary, #ei_tpl_fullsite.entr .configurateur:hover .btn.fonce {
    background: #24378d;
    color: #fff;
    border: 1px solid #24378d;
}

#ei_tpl_fullsite.entr .ei_footer__links .btn.primary {
	background: #007C82;
	color: #fff;
	border: 1px solid #007C82;
}

#ei_tpl_fullsite .ei_footer__links .btn.primary {
	background: #004494;
	color: #fff;
	border: 1px solid #004494;
}

#resume ol {
	padding-left:5rem;
}

#resume ol li:before {
	background: #2a3e91;
	color: #fff;
	padding: 0.1875rem .7rem;
	padding: 15px 20px;
	font-size: 20px;
	/* top: -4px; */
	transform:translateY(-50%);
	top:50%;
	position: absolute;
	font-size: 2rem;
	left: -2rem;
	border-radius: 50%;
	width:15px;
	text-align:center
}

#resume ol li {
	margin-bottom: 2.5rem;
	font-size: 1.2rem;
}

#resume h2 {
	margin-bottom:3rem
}

.body .tile.nc:hover {
	cursor:default;
	top:0
}

.entr .body .flex {
    max-width: 74.375em;
    margin: 0 auto;
}

.service h3 {
	font-weight:bold;
}

.besoins p {
	line-height:1.2
}

.ctxt_page_ent.v2 p {
	max-width:900px;
	line-height:1.2;
	margin:1rem auto 0 auto;
}
.hero.simu p {
	width:100%;
	max-width:100%;
	margin:1rem 0;
	position:relative;
}

#articles .tile:hover {
	/* top: -30px; */
	box-shadow: 0 4px 22px -1px rgba(22, 42, 90, 0.20);
}

#articles .tile {
	transition: all 0.25s ease;
	/* top: -25px; */
	position:relative;
	overflow:visible;
	padding-bottom:0;
	margin-bottom:0
}

.section-intro {
    font-size: 1.1875rem;
    line-height: 1.2;
    padding: 0 0 1.5rem;
    margin: 0 auto;
}

.ctxt-home .section-intro {
	text-align:center;
	width:70%;
}

/* header.hero.ctxt_page_ent.v2:before { */
	/* background: #25378D; */
	/* content: ""; */
	/* height: 100%; */
	/* width: 100%; */
	/* position: absolute; */
	/* top: 0; */
	/* z-index: 0; */
	/* left: 0; */
/* } */

.isr .chapeau, .encart.isr {
	background: #8BE78B80
}

#services {
	position:relative;
	overflow:hidden;
	padding: 1rem 0 7rem 0;
}

#services h1 {
	font-size:3rem;
}

#services .service {
	margin-top:2rem
}

#services > div * {
	z-index:2;
	position:relative;
}

#services .service-argument * {
	color:#fff;
}

#services > div:after {
	content: "";
	height: 658px;
	width: 372px;
	background: url(/fr/images/entreprises/adn.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	bottom: -50px;
	background-size: cover;
	right: -50px;
	z-index: -1;
}

#resume_id {
	background:#f7f7f7;
	padding:1rem 2rem 3rem 2rem;
	position:sticky;
}

#resume_id h2 {
	padding:1rem 0 0 0;
	margin-top:0;
	position: relative;
	font-size: 2rem;
	font-weight:400;
}

#resume_id ul {
	padding:0 0 0 1rem;
	margin:0
}

#resume_id li {
	padding-left:35px;
	list-style:none;
	margin-bottom:1.5rem;
	font-size:1rem;
	line-height: 1.5;
}

#resume_id li:last-of-type {
	margin-bottom: 1.5rem;
}

#resume_id li:before {
	background: url(/fr/images/entreprises/pictos/resume.svg);
	background-size: cover;
	height: 30px;
	width: 30px;
	position: absolute;
	left: -15px;
	z-index: 0;
	content: "";
	display: block;
	border-radius: 50%;
	transform: translateY(-50%);
	top: 50%;
}

#resume_id li p {
	font-size:1.1rem
}

#resume_id p {
	line-height: 1.2;
	font-size:1rem
}

section.plus {
	position:relative
}

.body.ent section.plus h2 {
	margin-top:0
}

section.plus:after, section.plus:before {
	content: "+";
	color: #FFF;
	text-align: center;
	height: 50px;
	width: 50px;
	position: absolute;
	top: -25px;
	transform: translateX(-50%);
	left: 50%;
	font-size: 3rem;
	line-height: 1;
}

section.plus:before {
	content: "";
	height: 60px;
	width: 60px;
	background: #2a3e91;
	border-radius: 50%;
}

/*** Module dispositifs HP ENT ***/

#menu-teaser-dispositif {
	margin-top:3rem;
}

#teaser-dispositif > div {
	padding:0
}

#teaser-dispositif h2, #teaser-dispositif h3, #teaser-dispositif p {
	color:#fff
}

#teaser-dispositif ul {
	text-align: center;
	position: relative;
	padding-left: 0;
}

#teaser-dispositif .menu li {
	color:#fff;
	display:inline-block;
	padding:0 1rem;
	cursor:pointer;
}

#teaser-dispositif .menu li.active {
	font-weight:bold;
	font-size:1.2rem
}

#teaser-dispositif h3 {
	font-size: 2rem;
	width: 100%;
	margin-bottom: .5rem;
}

#teaser-dispositif p {
	font-size: 1rem;
	margin-bottom: 0;
	line-height: 1.5;
}

#teaser-dispositif .col_2_3 {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	text-align:left;
}

#teaser-dispositif .actions {
	text-align:left;
	margin-top:1rem
}

#teaser-dispositif abbr[title] {
	text-decoration: none;
}

#teaser-dispositif .tertiary, #ei_tpl_fullsite.entr #teaser-dispositif .tertiary:hover, #ei_tpl_fullsite.entr .btn.fonce, #ei_tpl_fullsite.entr .configurateur:hover .btn.fonce {
	border:1px solid #fff;
}

#teaser-dispositif .btn {
	margin-top:1rem;
}

#teaser-dispositif .tertiary {
	margin-right:1rem;
}

#teaser-dispositif .menu li.active:after {
	display: block;
	content: "";
	top: 31px;
	width: 100%;
	border-bottom: 3px solid red;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	z-index:2
}

.fiche {
	padding:1rem 0 .5rem 0
}

/*** C'est quoi ***/

.cest-quoi .swiper {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 4px 22px 0 rgba(22, 42, 90, 0.12);
}

.cest-quoi .swiper img {
	width:100%;
	height:auto
}

body section.vision2 {
	background: #fff;
	padding:3rem 0
}

.vision2 .tile {
	background:transparent;
	font-size:1.3rem;
}

.testimony h2 {
	text-align: center; 
	color: #24378d;
	font-weight: 700;
	margin-top: 0;
}

.solutions.bg > div > div:last-of-type {
	font-size:1.6rem;
}

.vision2 .tile img {
	width:68px;
	margin:0 auto;
}

.vision2 p {
	line-height:1.3
}

.vision2 .tile h3 {
	font-size:1.7rem;
	font-weight:100
}

.vision2 .no-shadow {
	position:relative
}

.vision2 .col_1_2 {
	padding:3rem 3rem 1rem 3rem
}

.testimony p {
	line-height: 1.5;
	font-size: 1.3rem;
	color: #24378d;
}

.testimony > div {
	position:relative;
	z-index:3;
	padding:0 3rem
}

.intro-vision > div:first-of-type {
	padding:0
}

.testimony:before, .testimony.effect:after {
	display:none
}

.testimony h3 {
	font-size:1.5rem
}

.intro-vision .gauche img {
	right:auto;
}

.service .col_1_2 div, .solutions .illustration div, .intro-vision .illustration div, .intro-quoi .illustration div {
	height: 100%;
}

.svg-bg {
    position: absolute;
    z-index: 0;
    width: 50%;
    opacity: .03;
}

.svg-bg img {
    height: auto;
    width: 100%;
    max-width: 600px;
}

.out, .hero img.out {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
	top:40%
}

.out.bottom {
    transform: translateX(-50%);
    left: 50%;
	bottom:0;
	top:auto;
}

.out.left {
    transform: translateY(-50%);
    left: -25%;
    right: auto;
    bottom: auto;
    top: 50%;
}

.out.right {
    transform: translateY(-50%);
    left: auto;
    right: -25%;
    bottom: 50%;
    top: 50%;
}

.out.bottom.right {
    left: auto;
	transform:none;
	right:0;
	bottom:0;
	top:auto;
}

.hero.services-salaries.flex {
	max-width:100%;
	background:none;
}

.services-salaries .etiquette {
    background:#ffbc59;
	color:#fff;
	padding:.5rem 1rem;
	display:inline-block;
	border-radius:5px;
	margin-bottom:1rem;
}

.services-salaries .accompagnement h3 {
	font-weight:500;
	font-size:1.6rem
}

.services-salaries .accompagnement h4 {
	font-weight:500;
	color:#444;
	font-size:1.3rem
}

.services-salaries .col_1_4 h3 {
    margin: 0;
    padding: 0;
}

.services-salaries .col_1_4 {
    padding: 0 0.9375rem;
}


.services-salaries .flex.accompagnement {
	background:#fff;
	margin:3rem 0;
}

.services-salaries .flex.accompagnement:first-of-type {
	margin-top:0
}

.services-salaries .flex.accompagnement:last-of-type {
	margin-bottom:0
}

.services-salaries .accompagnement .col_1_3 {
	background:#3A4B98;
}

.services-salaries .accompagnement .col_2_3 {
	padding:3rem
}


.bg3 ul li.encart {
    background: rgb(169 198 232 / 9%);
	list-style:none;
	padding:1rem;
	width:100%
}

.bg3 ul {
	width:100%;
}

.bg3 ul li.encart:before {
    display:none;
}

.bg3 ul li.encart .picto:before {
    font-size: 2rem;
	margin-right:1rem
}

.bg4 {
    opacity: 1;
    background-image: radial-gradient(#8f2c2c 0.75px, transparent 0.75px), radial-gradient(#8f2c2c 0.75px, #ffffff 0.75px);
    background-size: 30px 30px;
    background-position: 0 0,15px 15px;
}

.bg4:before {
    background: #017c83;
    content: "";
    opacity: .9;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    display: block;
    left: 0;
}
.bg4 * {
	color:#FFF;
	position:relative;
}

.bg3 ul {
	list-style:none;
}

.points-forts li {
	width:100%
}

.solutions .illustration div {
	position:relative;
	transform:rotateY(0deg);
	background-size: cover;
	background-position:center center;
}

.solutions.kes .illustration div {
	background: url(/fr/images/entreprises/kes.jpg);
	background-position: center center;
	background-size:cover;
}

.solutions.anticiper .illustration div {
	background: url(/fr/images/entreprises/retraite-entreprise/anticiper.jpg);
	background-position: center center;
	background-size:cover;
}

.solutions.rente .illustration div {
	background: url(/fr/images/entreprises/retraite-entreprise/rente.jpg);
	background-position: center center;
	background-size:cover;
}


.solutions.salaries .illustration div, .solutions.droite .illustration div {
	left:auto;
}

.solutions.salaries .illustration div, .service .col_1_2:last-child .col_1_3:last-child div {
	background-image: url(/fr/images/entreprises/solutions-salaries.jpg);
	background-size:cover;
}

.solutions.conseils .illustration div {
	background: url(/fr/images/entreprises/conseils.jpg);
	background-size: cover;
}


.solutions.outils .illustration div {
	background-image: url(/fr/images/entreprises/outils-es.jpg);
}


.solutions.isr .illustration div {
	background-image: url(/fr/images/entreprises/isr.jpg);
}

.solutions.solidaires .illustration div {
	background-image: url(/fr/images/entreprises/solidaires.jpg);
}

.service .col_1_2:first-child .col_1_3:last-child div, .solutions .illustration div {
	background-image: url(/fr/images/entreprises/solutions-entreprises.jpg);
	background-size:cover;
}

.service .col_1_2:first-child .col_1_3:last-child div {
	transform:rotateY(180deg)
}

#services .col_1_3, #services .col_2_3 {
	padding: 0;
}

.service .col_1_2:last-of-type {
	top:2rem
}

.picto-rond {
	position:absolute;
	left:0;
	transform:translateY(-50%);
	top:50%;	
	height:150px;
	width:150px;
}

.solutions.solidaires .row .col_2_3, .solutions.solidaires .argument {
	background:#fcfcfc
}

.salaries .picto-rond, .droite .picto-rond {
	left:auto;
	right:0
}

.picto-rond img {
	position:absolute;
	z-index:2;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width:45%;
}

.intro-illustration {
	margin-left:85px;
	padding-right:30px
}

.salaries .intro-illustration, .droite .intro-illustration {
	margin-right:85px;
	padding-left:30px;
	margin-left:0;
	padding-right:0
}

.argument {
	position:relative;
	z-index:2;
	margin-left: -90px;
	background:#fff;
	padding: 1rem;
	padding-left:175px;
}

.salaries .argument, .droite .argument {
	margin-right: -85px;
	margin-left: 0;
	text-align:right;
	padding-right:170px;
	padding-left:2rem;
}

.nopicto .argument {
	padding-left: 25px;
}

.droite.nopicto .argument {
    padding-right: 45px;
}


.row.avantages .argument p {
	padding-bottom:0;	
}

.service-argument {
	background: rgb(42,62,145);
	background: linear-gradient(52deg, rgba(42,62,145,1) 0%, rgba(35,61,168,1) 100%);
	padding: 2rem;
}

.effect {
	position: relative;
	z-index:1
}

.effect:before, .effect:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 1em;
	width: 50%;
	top: 80%;
	background: #777;
	box-shadow: 0 .5em 0.5em #777;
}

.effect:before {
	transform: rotate(-3deg);
	left: -90px;
}

.effect:after {
	transform: rotate(3deg);
	right: -78px;
	display:none;
}

.salaries .effect:before, .droite .effect:before  {
	display:none;
}

.salaries .effect:after, .droite .effect:after {
	display:block;
}

.solutions .row {
	margin-bottom:1rem;
}

.solutions .row .col_1_3 {
	padding:0;
}

.solutions .row .col_2_3 {
	background:#fff;
	padding-top:3rem 
}

.solutions .col_2_3 h3 {
    margin-top: 1rem;
}

.solutions .row .col_2_3 h3 {
	width:100%;
	font-size:1.8rem;
}

/*** Dispositifs ***/

.service-argument h2 {
	font-size:1.6rem;
}

.body.ent .questions h3  {
	margin-top:3rem
}

.visuel_besoin img, .visuel_entreprise img, .body.ent > section aside+div {
	width:70%
}

.body > .flex.inverse article {
	margin-right: 5rem;
}

.body.ent aside.sticky, .body.ent aside {
	width: 30%;
	padding-bottom:3rem
}

.body.ent aside.sticky > div {
	padding:0;
	top:12rem;
}

.body.ent section.chapeau {
	padding-top:5rem
}

.body.ent.isr section.chapeau {
	padding:7rem 0;
	overflow: hidden;
}

.body.ent h2:first-of-type {
	margin-top: 0;
	padding-top:0
}

.body.ent .chapeau .row > div {
	padding: 0 2rem 0 0
}

.ent .inverse {
	padding-top:2rem
}

.ent .tile.svg figure {
	padding-top: 1rem;
	background: #FFF;
}

.ent .tile.horizontal figure {
	padding-top: 0;
}

#projets .tile .banner .infos {
    min-height: 50px;
}

.ent .tile.vide, .tile.vide {
	background:#fff;
	height:100%;
	transition:all .2s ease-in-out
}

.ent .tile.vide:hover, .tile.vide:hover {
	background:#24378d
}

.ent .tile.vide #plus, .tile.vide #plus {
	position: absolute;
	transform: translate(-50%,-45%);
	top: 45%;
	left: 50%;
	background: transparent;
	height: 80px;
	width: 80px;
	border: 5px solid #24378d;
	border-radius: 50%;
	transition:all .3s ease-in-out
}

.ent .tile.vide:hover #plus, .tile.vide:hover #plus {
	border: 5px solid #fff;
}

.ent .tile.vide #plus:before, .tile.vide #plus:before {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	font-size: 3rem;
	content: "\EA35";
	display: block;
	font-family: "fts_commun";
	color: #24378d;
	transition:all .3s ease-in-out
}

.ent .tile.vide:hover #plus:before, .tile.vide:hover #plus:before  {
	left:55%;
	color:#fff
}

.ent .tile.vide #plus span, .tile.vide #plus span {
	position: absolute;
	transform: translateX(-50%);
	top: 90px;
	left: 50%;
	width: 240px;
	color:#24378d;
	font-size:1.3rem;
	transition:all .3s ease-in-out
}

.ent .tile.vide:hover #plus span, .tile.vide:hover #plus span {
	color:#fff
}

.ent .tile, .ent .home_promo .tile, .home.hero .tile {
	transition: all 0.25s ease;
	top: 0;
}

.ent .tile:hover, .ent .home_promo .tile:hover, .home.hero .tile:hover {
	box-shadow: 0 4px 22px -1px rgba(22, 42, 90, 0.20);
	top: -5px;
}

.tile .banner .infos {
	flex-direction: column;
	justify-content: space-around;
	align-items: start;
	display:flex;
}

.tile p, .horizontal.tile p {
	line-height:1.2;
	font-size:1rem;
	color:#414141
}

.tile h3 {
	margin: 0;
	color: #444;
	width:100%;
	line-height:1;
	padding-bottom: .5rem;
}

#questions {
	padding-left:130px;
}

#questions:before {
	background:url(/fr/images/entreprises/question.png);
	background-size:cover;
	height:120px;
	width:120px;
	position:absolute;
	left:0;
	content:"";
	display:block;
	transform:translateY(-50%);
	top:50%;
}

.ent ul li {
	text-align:left
}

.visuel_droite, .visuel_gauche {
	display:flex;
	align-items:center
}

.visuel_gauche img, .visuel_droite img {
	width:100%	
}

.body.ent > .flex.inverse aside {
	order: 2;
}

.body.ent > section aside h2 {
	position: relative;
	font-size: 2rem;
	font-weight:400;
}

.tile.svg.isr figure {
	background:#8BE78B80;
	margin-top:0
}

/*** Clef en main ***/


.cem #petite-clef-image, .cem #grande-clef {
	transition: transform .5s cubic-bezier(.50,1,.60,1.7);
	transform: translatey(-30px);
}

.cem svg:hover #petite-clef-image, .cem.hover #petite-clef-image, .cem svg:hover #grande-clef, .cem.hover #grande-clef {
	transform: translatey(-11px);
}

.cem svg:hover #ombre-grande-clef, .cem.hover #ombre-grande-clef, .cem svg:hover #ombre-petite-clef, .cem.hover  #ombre-petite-clef  {
	transform: translate(1px, -7px) scale(1);
}

.cem #ombre-grande-clef, .cem #ombre-petite-clef {
	transform: translate(2px, 1px) scale(.9);
	transform-origin: center center;
	transition: transform .5s cubic-bezier(.21,.73,.47,1.7);
}

/*** Bandeau configuration ***/

#bandeau-configurateur {
	background: linear-gradient(55deg, #344696, #6f87ff);
	background-size: 150% 150%;
	position: sticky;
	/* top: 114px; */
	top:170px;
	z-index: 60;
	overflow:hidden;
	-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 7px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.3);
	transition: all .3s ease-in-out;
}


/* .ei_header { */
    /* top: 60px; */
/* } */
/* #ei_tpl_fullsite { */
    /* padding-top: 0; */
/* } */
#annonce-ere {
	/* position:fixed; */
	width:100%;
	background: #02474B;
	background-size: 150% 150%;
	top: 0;
	height:60px;
	z-index: 60;
	overflow:hidden;
	transition: all .3s ease-in-out;
}
#annonce-ere > div {
    display: flex;
    flex-basis: content;
}

#annonce-ere img {
	margin-right:.5rem;
}

.entr #annonce-ere {
	background:#1A2251
}

#annonce-ere * {
	color:#fff
}

/* #bandeau-configurateur a:hover { */
	/* font-weight:bold	 */
/* } */

#bandeau-configurateur:hover {
	cursor:pointer;
}

#bandeau-configurateur > div {
	max-width: 74.375em;
	margin: 0 auto;
	position: relative;
	width:100%
}

#bandeau-configurateur p, #bandeau-configurateur h2 {
	color:#fff;
	margin:0;
	display:inline-block;
	width:auto;
	vertical-align:middle;
	line-height:inherit;
}

#bandeau-configurateur .flex div {
	padding:.7rem;
	margin-bottom:0;
}

#bandeau-configurateur h2 {
	font-size:1.3rem;
	margin-left:.5rem
}

#bandeau-configurateur .flex {
	position:relative;
}

#bandeau-configurateur .flex:before {
	background: url(/fr/images/entreprises/configurateur2.png);
	background-size: 70%;
	content:"";
	position:absolute;
	height:100px;
	width:170px;
	background-position: center center;
	background-repeat:no-repeat;
	left:0
}

#bandeau-configurateur .col_2_3:first-of-type {
	padding-left:180px;
}

#ei_tpl_fullsite .hero.configurateur h1, #ei_tpl_fullsite .hero.configurateur .h1, #bandeau-configurateur h2 {
	color:#FFF0D1
}

/*** Header configurateur ***/


header.configurateur .content__container__list {
	margin-top: 0;
	transform: translate3d(0, 0%, 0);
	text-align: left;
	list-style: none;
	transition:all .3s ease-in-out
}

header.configurateur.home:hover .content__container__list {
	transform: translate3d(0, -50%, 0);
}

#ei_tpl_fullsite header.configurateur p.h1 {
	margin: 0;
	font-size: 52px;
	font-size: 3.25rem;
	line-height: 1.2;
}

header.configurateur .content__container {
	overflow: hidden;
	height: 63px;
}

#ei_tpl_fullsite.entr .btn.secondary.transparent {
	color: #fff;
	background: transparent;
	border-color: #fff;
	border: 1px solid #ffffff;
}

header.configurateur .col_1_2:first-of-type {
	transition: all .3s ease-in-out;
	top:0;
	padding:0.9375rem
}

header.configurateur.home:hover .col_1_2:first-of-type {
	top:-10px;
}

header.configurateur.home .btn.secondary:hover, header.configurateur.home .btn.secondary.hover, #ei_tpl_fullsite #bandeau-configurateur:hover .btn, #ei_tpl_fullsite.entr .ei_contener #menu-teaser-fiche .btn.secondary:hover {
	transition: opacity 0.7s ease 0s;
	border:1px solid #fff !important;
	background: transparent !important;
	color: #fff;
}

.hero.home h2 {
	padding:0;
	margin-top:1.5rem
}

.hero.configurateur .flex .portrait {
	top: 50%;
	transform: translateY(-55%);
	transition: all .5s ease-in-out;
	bottom: auto;
}

.hero.configurateur.home:hover .flex .portrait {
	top: 45%;  
}

/*** Module choix espace ***/

#module_espace_switch {
	font-size:.95rem;
}

#module_espace_switch .situation {
	margin-right:.5rem;
	color:#444;
}

#module_espace_switch .switch.row a {
	color:#444;
	text-decoration:none;
}

#module_espace_switch span {
	line-height:1
}

#module_espace_switch .switch.row .check {
	margin-left: 6px;
    height: 14px;
    width: 14px;
	position:relative;
}

#module_espace_switch .check:before, #module_espace_switch .check:after {
	border-radius:50%;
	position:absolute;
	transform:translate(-50%, -50%) scale(1);
	content:"";
	top:50%;
	left:50%;
}

#module_espace_switch .check:before {
	opacity:0;
	transition: opacity.3s ease-in-out;
	background:#444;
	width:6px;
	height:6px;
	z-index:4
}

#module_espace_switch .check:after {
	height:10px;
	width:10px;
}

#module_espace_switch .inactive .check:before, #module_espace_switch .active a:hover .check:before, #module_espace_switch .active a.checke .check:before {
	opacity:1;
	background:#444;
}

#module_espace_switch .active .checke .check:after, #module_espace_switch .inactive .check:after {
	border:1px solid #fff;
}

#module_espace_switch .inactive .check:before, #module_espace_switch .active a.checke .check:before  {
	background:#fff;
}

#module_espace_switch .inactive.unchecke .check:after, #module_espace_switch .active .check:after {
	border:1px solid #444;
}

#module_espace_switch .switch.row {
	background: #f3f3f3;
	border-radius:50px;
	transition: all .4s cubic-bezier(0,1,0.5,1);
	position:relative;
	padding:4px;
	height:auto;
	box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}

#module_espace_switch .switch.row div.inactive:hover {
	cursor:default
}

#module_espace_switch .switch div.move {
    background: #207178;
    display: block;
    width: calc(50% - 8px);
    position: absolute;
    height: calc(100% - 8px);
    left: 6px;
	border-radius:50px;
	transform:translateY(-50%);
	top:50%;
    transition: all .25s cubic-bezier(0,1,0.5,1);
	box-shadow: 0 0.1em 0.15em -0.05em rgb(187 187 187 / 90%);
}

#module_espace_switch.entreprises .switch div.move {
	left:51%;
	background: #24378d
}

#module_espace_switch .icons {
    width: 21px;
    height: 18px;
    text-align: center;
	transition: all.3s ease-in-out;
}

#module_espace_switch .material-icons {
			font-family: "Material Icons";
	transition: all.3s ease-in-out;
	font-size:18px;
	margin-right:3px;
}

#module_espace_switch .switch a, #module_espace_switch div.inactive {
	z-index:2;
	color:#fff;
	position:relative;
	padding: .3rem .8rem .35rem 1rem;
}

#module_espace_switch svg {
	fill: #444;
	height:17px;
	width:24px;
	transition:all .2s ease-out;
}

 #module_espace_switch.entreprises svg {
	fill: #fff; 
	transition: all.3s ease-in-out;
 } 

/*** Contact ***/

.ent #visuel_contact {
	background:#2C4093
}

.ent.contact .i_blocgenform {
	background: #fff;
	border: none;
	padding: 1rem;
	margin-top: 80px;
	margin-top: 0;
	box-shadow:none;
	margin-bottom: 1rem;
	position: relative;
}

#formulaire_contact > div {
	padding:0;
}

#formulaire_contact #visuel_contact:before {
	background-image: url(/fr/images/entreprises/contact.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	content: "";
	width: 350px;
	height: 664px;
	display: block;
	z-index: 3;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: -5%;
}

#formulaire_contact.confirmation #visuel_contact:before {
	background-image: url(/fr/images/entreprises/envoi2.svg);
	background-size: 128%;
	content: "";
	width: 419px;
	height: 261px;
	left: -13%;
}

#formulaire_contact > div:last-of-type {
	width:65%;
}

#formulaire_contact .form-group {
	flex-wrap: wrap;
	margin-bottom: 1em;
}

.contact.ent #formulaire_contact fieldset:last-of-type .form-group * {
	width:100%
}

.contact.ent #formulaire_contact fieldset:first-of-type .form-group .form-label {
	padding-right:0;
}

.contact.ent #formulaire_contact .btn.primary {
	font-size: 1rem;
}

.contact.ent #formulaire_contact .mandatory-text {
	text-align: right;
	font-size: .9rem;
	padding:0 2rem 0 0;
	margin: 0
}

.contact.ent #formulaire_contact fieldset:last-of-type label {
	text-align:center;
}

.contact.ent #formulaire_contact label, .contact #formulaire_contact .form-label {
	text-align: right;
	margin-top: 10px;
	padding-bottom:.5rem;
}

#formulaire_contact .form-action {
	margin: 0;
}

.contact.ent #formulaire_contact .form-group textarea {
	min-width: auto;
}

.contact.ent #formulaire_contact .msgbox {
	margin: 0;
	padding: 6em;
}

.contact.ent #formulaire_contact .msgbox.success {
	background-color:transparent;
}

/*** FCPE ***/

.fcpe .sticky {
	padding-bottom:1rem
}

.fcpe dl {
	margin-bottom: 3rem;
	margin-top: 4rem;
	padding:2rem 5rem;
}

.fcpe td {
	font-size:.95rem;
	text-align:center;
}

.fcpe table tr:nth-child(even) td {
	background:#f3f3f3
}

.fcpe ul.styled li {
	width:100%;
	list-style: inherit;
}

.fcpe table {
	padding: 0 0 0 1rem;
	width: 100%;
	margin: 1rem auto 3rem;
}

.body.fcpe .flex {
	max-width: 74.375em;
	margin: 0 auto;
	padding:0
}

.body.fcpe aside + div {
	padding:0
}

/*==---- Tarifs ----==*/

.tarifs .vert {
	background:#007c82
}
.tarifs .vert-second {
	background:#cce5e6
}
.tarifs .bleu {
	background:#3853d9;
}
.tarifs .bleu h3 {
	color:#fff
}
.tarifs .bleu-second {
	background:#d7ddf7
}
.tarifs .violet {
	background:#25378d
}
.tarifs .violet-second {
	background:#d3d7e8
}
.tarifs .gratuit {
	background:#C8F1F3;
	color:#444;
	min-width:150px;
}
.tarifs .gratuit h3 {
	color:#444
}
.tarifs .gratuit-second {
	background:#C8F1F380
}
.tarifs .entete {
	background:#f9f9f9
}
.tarifs th.entete {
	color:#444;
	font-weight:600;
	opacity:0
}
.tarifs td.entete {
	color:#444;
	font-weight:400
}
.tarifs .prix {
	font-size:1.5rem;
	padding:1rem 0 0 0;
	display:block;
}
.tarifs .supplement {
	font-size:.8rem;
}
.tarifs td {
	text-align:center;
	padding:1.3rem;
}

.tarifs .inclus {
	color:#007c82
}

.tarifs .non-inclus {
	color:#e63812
}

table.tarifs thead th {
	padding:2.5rem 1rem;
	font-weight: 100;
}

table.tarifs td span:before {
	font-size: 2rem;
	font-weight: 100;
}

table.tarifs .inclus span {
	margin-right:.5rem
}

.tarifs h3 {
	margin-bottom:0;
	font-weight:500;
	color:#444
}

table.tarifs  {
	margin:0 auto 3rem auto;
	width:100%;
}

/*==---- tableau dispositifs ----==*/

.tarifs.dispositifs h3 {
    font-size: 1rem;
}

.tarifs.dispositifs td {
    padding: .5rem  .3rem;
    font-size: 14px;
}

table.tarifs.dispositifs thead th {
    padding: .7rem;
    font-weight: bold;
}


/*==---- Chiffres clés ----==*/

#chiffres .chiffres {
	background:#25378d;
	padding:3rem !important;
	margin:2rem 0 !important;
	color:#fff;
	/* height:480px; */
}

#pilotez .chiffres {
	background:transparent;
	padding:0!important;
	margin:0 !important;
	color:#fff;
}

#pilotez .pseudo-menu span.picto {
    display: block;
    width: 120px;
    height: 120px;
    position: relative;
    margin-right: .5rem;
    /* transform: translateY(-50%); */
    /* top: 50%; */
    left: 0;
    top: -4rem;
}

#pilotez .pseudo-menu .picto:before {
    transition: all .2s ease-in-out;
    height: 120px;
    width: 120px;
    /* top: 2rem; */
}


#pilotez .col_2_3 {
	height:560px
}

#pilotez .internal-nav.pseudo-menu li {
    width: 100%;
	border:none;
	margin:1rem;
	position:relative;
	transition:all .2s ease-in-out;
	top:0;
	flex:1;
    /* background: #017c83; */
}

#pilotez .internal-nav.pseudo-menu li:after {
    display:none;
}
#pilotez li:hover {
	top:-5px !important;
}

#pilotez li:hover {
	top:-5px !important;
}

#pilotez  li:hover .picto:before {
   height: 140px;
    width: 140px;
}


#pilotez li a {
	align-items:center;
	justify-content:center;
	display:flex;
	text-align:center;
	flex-wrap:wrap;
}

#pilotez span {
	text-align:center;
}

#pilotez .actions {
    margin-top: 2rem;
    bottom: 0;
    width: 100%;
    /* margin: 0 auto; */
    /* left: -4rem; */
    position: relative;
}

#pilotez .btn {
	margin-bottom:1rem
}


#chiffres .col_1_3, #chiffres .col_2_3, .ctxt-home .home_promo .col_1_3, #pilotez .col_1_2 {
	padding:0;
	margin:0
}

#chiffres .col_1_3 {
    height: 550px;
    /* overflow: hidden; */
}

#pilotez .col_1_2 {
    height: 550px;
    /* overflow: hidden; */
}

#isr .col_1_3 {
    height: 350px;
	overflow: hidden;
	padding:0
}
#isr .col_1_3 img {
 width:100%
}

#chiffres .col_1_3 img {
  object-fit:cover;
}
 

#pilotez .col_1_3 img {
  object-fit:cover;
}
 
 
#chiffres div:nth-child(1) span:first-child {
	font-size:3rem;
	font-weight:bold
}


#chiffres .col_2_3 .flex {
	width:30%
}

#chiffres .flex.exergue {
	width:100%
}


#chiffres .exergue span {
	font-size:2.5rem !important;
	color: #f3f3f3
}

#chiffres .exergue span:first-child {
    font-size: 11rem !important;
    color: #f3f3f3;
	line-height:1
}
/* #chiffres .exergue span:after { */
    /* bottom: 2.1875rem; */
    /* left: 11.25rem; */
    /* width: 1.25rem; */
    /* height: 1.25rem; */
	/* content: ""; */
    /* position: absolute; */
	/* background-color: #fe330f; */
/* } */


#chiffres span {
	font-size:1rem
}

.body.ent #chiffres .exergue :first-of-type {
	font-size:8rem;
	font-weight:bold
}


#isr {
	overflow:hidden;
	padding:5rem 0 !important
}


#isr > div {
	padding:0 !important;
}

/* #isr > div:after { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: calc(100% - 860px); */
    /* z-index: -1; */
    /* width: 102.5rem; */
    /* height: calc(100% + 80px); */
	/* transform:translateY(-50%); */
    /* background-color: #A2ECA2; */
/* } */

#chiffres span {
	width:100%
}

#chiffres img, #pilotez img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.5);
}

/* #pilotez img { */
	/* width:110%; */
/* } */

#pilotez .visuel {
	height:200px;
	width:100%
}

/* #chiffres h2, #chiffres p { */
	/* color: #25378d; */
/* } */

#reassurance .chiffre, .tile.projets .chiffre {
	padding:2rem;
	font-size:4rem;
	color:#fff;
	background:#24378d;
	font-weight:bold;
	overflow:hidden;
}

#reassurance h3 {
 padding:0 1rem;
}



.tile.projets .chiffre {
	  --s: 150px; /* control the size*/
  --c1: #ff847c;
  --c2: #e84a5f;
  --c3: #fecea8;
  --c4: #99b898;
position:relative;
  background:
    conic-gradient(from  45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0),
    conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0),
    conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0),
    conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0);
  background-size: var(--s) var(--s); 
}

.tile.projets .chiffre:before {
	    background: #017c83;
    /* background: linear-gradient(90deg, rgba(0, 75, 79, 1) 0%, rgba(0, 124, 130, 1) 100%); */
    content: "";
    opacity: .9;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    display: block;
    left: 0;
    /* --s: 194px; */
    /* --c1: #0f5c61; */
    /* --c2: #007c82; */
    /* --c3: #004b4f; */
    /* --_l: #0000 calc(25%/3),var(--c1) 0 25%,#0000 0; */
    /* --_g: conic-gradient(from 120deg at 50% 87.5%,var(--c1) 120deg,#0000 0); */
    /* background: var(--_g),var(--_g) 0 calc(var(--s)/2),; */
    /* background-size: calc(0.866*var(--s)) var(--s); */
}

.chiffre img {
	z-index:5;
	position:relative;
}

#pilotez .pseudo-menu li .titre {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    /* color: #fff; */
    margin-bottom: 1rem;
    top: -2rem;
    position: relative;
}

#pilotez .pseudo-menu {
    position: relative;
	margin-bottom:0;
	top:-4rem;
}


.ent #chiffres .col_1_2 .flex p:first-of-type {
	font-size: 1.3rem;
}

.mentions-chiffres {
	font-size:.7rem;
}

.key-figure>div>div figure img {
	background: transparent;
	width:90px;
	padding: 5px;
	padding: 0.3125rem;
	margin-bottom: 0;
}

#chiffres .key-figure>div>div p {
	 margin-bottom: 2rem;
	 margin-top:2rem;
	line-height: 1.2em;
	padding-left:1rem;
	font-size:1rem;
}

#chiffres .key-figure>div>div p.mentions {
	color:#fff;
}

.key-figure>div>div p strong {
	font-size: 3rem;
	line-height: 1;
	display: block;

}
.key-figure.flex .col_1_2:first-of-type strong, .chiffre_xl {
	font-size: 5.5rem;
}

.key-figure figure {
	margin:0
}

/*==---- Contact ----==*/

.contact .ctxt-form legend {
	border-bottom: 1px solid #2d5aa8;
	color: #2d5aa8;
	font-family: fabrikat--300--normal,Arial,sans-serif;
	font-size: 1.25rem;
	line-height: 2rem;
	margin-bottom: 1rem;
	width: 100%;
}

.contact .i_blocgenform {
	text-align: left;
}

.contact .i_blocgenform, #formulaire_contact {
	background: #fff;
	-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1);
	border: none;
	margin-top: 80px;
	margin-top: 5rem;
	margin-bottom: 2rem;
	position: relative;
}

.contact .empty {
	background:#fff;
	border:none
}

.contact .i_blocgenform fieldset {
	border: none;
	padding: 10px 30px;
	padding: 0.625rem 1.875rem;
	position: relative;
}

.contact .form-control select, .avis select, .contact .form-control input {
	width: 100%;
	border: 1px solid #24378D;
	padding: 10px;
	padding: 0.625rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.contact label, .contact .form-control,  .contact .form-label {
	width: 50%;
}

.contact label, .contact .form-label {
	text-align:right;
	padding-right:10px;
	margin-top:10px;
}

.contact #rdCodelabel {
	margin-top:0
}

.form-group {
	align-items: stretch;
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.353em;
}

.form-group.hidden {
	display:none
}

.form-control input[type="radio"], .form-control input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	height: 16px;
	width: 16px;
	background: #fff;
	border: 1px solid #004494;
	transition: all .2s linear;
	padding: 0;
	display: inline-block;
	vertical-align: -2px;
	cursor: pointer;
	border-radius: 50px;
}

.form-control input[type="radio"]:checked {
	box-shadow: 0 0 0 3px #fff inset;
	outline: 0 none !important;
	border-color: #0069E0;
	background-color: #0069E0;
}

.form-group textarea {
	min-width: 300px;
	padding: .714rem 1.429rem;
	width: 100%;
}

form .mandatory-text {
    font-size: .9rem;
    padding: 1rem 0 0 2rem;
    margin: 0;
}

.form-action {
	margin:2rem 0;
	padding-bottom:2rem;
	text-align:center
}

.contact .msgbox {
	margin-top:2.5em;
}

.contact .msgbox h2 {
	padding-top: 0;
	font-size:1.25em;
	font-weight: bold;
}

.contact .msgbox h2, .contact .msgbox p {
	color: #3A87AD;
}

.contact .radiogroup label {
	margin-right: 2em;
}

.contact .callwaiting caption {
	color:#2E3B4E;
	padding:1.25em 1em;
}

.contact .callwaiting th {
	font-size: 0.9375rem;
	letter-spacing: 1.5px;
	text-align: center;
	text-transform: uppercase;
	padding:1rem 0
}

.contact .callwaiting td {
	padding: .5em .75em;
	vertical-align: middle;
	text-align: center;
}

.contact .callwaiting span {
	display: block;
	height: 1em;
	overflow: hidden;
	text-indent: -500px;
	width: 1em;
}

.contact .call-grad1 {
	background-color: #007C82;
}

.contact .call-grad2 {
	background-color: #25378d;
}

.contact .call-grad3 {
	background-color: #cf2600;
}

.contact .legendes {
	padding: 1.5em 0;
}

.contact .legendes > div {
	color: #717171;
}

.contact h3 {margin-top:3rem}

.contact .callwaiting tr th:nth-child(1) {
	font-size:0.8rem;
}

.contact span.legende {
	display: inline-block;
	float: left;
	height: 35px;
	margin: -5px .5em 0 0;
	padding: 5px;
	width: 35px;
}

.contact span.legende img {
	width:100%;
	height:auto
}

/*==---- Footer ----==*/

.ei_footer__content_logo .ei_logo_img_footer {
    width: 100%;
}

.ei_toplink a .icon:before {
	content: "\F01BA";
	font-family: fts_picto;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 25px;
}

.ei_toplink a:before {
	display:none
}

.ei_footer__elements {
	max-width: 74.375rem
}

.ei_footer__socials .ei_footer__socials_list a:focus, .ei_footer__socials .ei_footer__socials_list a:hover {
	background-color: #363636db
}

footer .ei_footer__links ul li {
	max-width: 300px;
}

.ei_footer__socials_txt {
	line-height:1
}

.ei_footer__copyright p {
	font-size:1rem;
	text-transform:none;
}

.ei_footer__links ul li {
	border-left: 1px solid #c3c3c3;
}

.ei_footer__socials .ei_footer__socials_list a {
	background: #0274B3;
	padding:12px 10px;
	color:#fff;
	border:none;
	border-radius: 50px;
	transition: all 0.25s ease;
}

.ei_footer__links ul li.flex {
	justify-content:center;
}

.ei_footer__links ul li.flex a {
	padding:0 5px
}

.ei_footer__links ul li a:hover {
	text-decoration: none;
}

.ei_footer__links ul li ul {
	display:inline-block;
}

.ei_footer__links ul li ul li {
	text-align:left;
	border:none
}

.ei_footer__content_logo a {
	margin:0
}

.ei_footer__links ul li:first-child li {
	padding-left:0;
}

.ei_footer__links ul li a {
	letter-spacing:0
}

li.ei_tpl_footer_lang img {
	margin-right: 5px;
}

/*==---- identification ----==*/

#ident .ei_appl_ident_lig label {
	color:#24378D;
	font-size:16px;
}

#ident .ei_appl_ident_lig input.ei_appl_pwduser, #ident .ei_appl_ident_lig input.ei_appl_userid {
	border:1px solid #24378D
}

#deco {
	position:absolute
}

.body.deco img {
	position:absolute;
	transform:translateY(-50%);
	top:45%;
	left:5%;
}

.body.deco div {
	position:relative;
	padding:3rem 0 3rem 300px;
}

.body.deco {
	overflow:hidden;
}

.body.deco h1 {
	font-size:3rem;
}	

.ei_header__authentification .ei_env_btn [class*=ei_gly_]:before {
	transition:all .3s ease;
}

.ei_header__authentification .ei_env_btn {
	background:#BB5524;
	border-color: #BB5524;		
	color: #fff;
}

.ei_gly_securite:before {
	font-family: ico-es;
	content: "\e906";
	top:2px;
	position:relative;
	font-size: 1.2rem !important;
}

.ei_header__authentification .ei_env_btn:hover, .ei_header__authentification .ei_env_btn:focus {
	background:#a1402c;
	border-color: #a1402c;
	color: #fff;
}

.ei_header__authentification .ei_env_btn:hover [class*=ei_gly_]:before {
	margin-left: -3px;	
}

.ei_ident .ei_contener {
	max-width:1190px; 
	width:100%;
	padding-top: 5.5rem;
	background-position: right 80px;
}

/* .ei_header__content { */
	/* height: 3rem; */
/* } */

#modal_forgottenuser_container h2:before {
	display:none;
}

.ei_ident .ei_contener  h1 {
	font-size: 3rem;
}

.ei_ident #ident {
	margin: 2rem 0;
}

.ei_ident .identification div.err {
	color: #c42a2a;
	position: relative;
	background: #f8e2e2 none;
	border: none;
	padding: 1rem 2.5rem 1rem;
}

.ei_ident .encarts_connexion {
	margin-bottom:3em
}

.ei_ident .encarts_connexion h3 {
	margin-bottom:0
}

.ei_ident .encarts_connexion .tile .infos {
	min-height: 100px;
}


.ei_ident .encarts_connexion .col_1_3:first-of-type {
	padding-left:0;
}

.ei_ident .encarts_connexion .col_1_3:last-of-type {
	padding-right:0;
}
 
/*==---- Reinit mot de passe ----==*/

/* ---- Réinitialisation de mot de passe : corrections */

#reinit .ei_contener ul {
	padding-left: 0 !important;
}

#reinit table.saisie.reinit_step2 td {
	display: block;
	width: 100%;
	float: left;
}

#reinit table.saisie.reinit_step2 td:last-child p {
	padding: 10px 20px;
	border:  1px solid #cecece;
	border-radius: 5px;
	max-width: 80%;
	margin-bottom: 20px;
}

#reinit table.saisie.reinit_step2 td:last-child p span {
	margin-right: 20px;
}

/*==----Page Plan du site ----==*/


.icon-settings:before {
	content: "\e904"
}

.icon-offres:before {
	content: "\e907"
}

.icon-question_help:before {
	content: "\e901"
}

.icon-lock:before {
	content: "\e905"
}

.icon-planet:before {
	content: "\e903"
}

.icon-home:before {
	content: "\e902"
}

.icon-epargne:before {
	content: "\e900"
}

.icoon-bottom-indicator:before {
	font-family: 'Material Icons';
	content: "\e5cf";
	font-size: 2rem;
	vertical-align:middle
}

.btn.btn_dl:after, .btn_question:after, .btn_video:after, .actions .btn_question:after, .actions .btn_video:after {
	font-family: 'Material Icons';
	font-size: 1.4rem;
}

.btn_dl:after {
	content: "\f090";
}
.btn_question:after, .actions .btn_question:after {
	content: "\e887";
}

.btn_video:after, .actions .btn_video:after {
	content: "\e1c4";
}
.icoon-right-indicator:before {
	font-family: fts_commun;
	content: "\EA35";
}

#plan-du-site h2 {
	margin-bottom: 70px
}

#plan-du-site .col_1_3 div {
	border: 1px solid #c4d1e7;
	margin-bottom: 40px;
	padding: 25px;
	position: relative
}

#plan-du-site div div h3 {
	padding: 20px 0 0
}

#plan-du-site li {
	padding: 10px 0 10px 10px;
	list-style: none;
	position: relative
}

#plan-du-site li:before {
	content: "";
	height: 8px;
	width: 8px;
	background: #2D5AA8;
	border-radius: 4px;
	position: absolute;
	display: block;
	left: -10px;
	top: 50%;
	transform: translateY(-50%)
}

#plan-du-site .international li:before {
	display: none
}

#plan-du-site .international li img {
	margin-right: 5px
}

#plan-du-site li:hover:before {
	background: #595959
}

#plan-du-site li a {
	border: none
}

#plan-du-site li a:hover {
	text-decoration: underline
}

#plan-du-site span[class*=icon-]:before {
	font-size: 2.3em;
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
	top: -1.63rem;
	background: #fff;
	padding: 10px;
	height:2.500rem
}

ol.styled.flex {
	width:100%
}

/*===----Message boxes----====*/

.msgbox {
	padding: 1em;
}

.card .msgbox {
	font-size: .824em;
}

.msgbox.info {
	background-color: #d4dcff;
	border-color: #d4dcff;
	color: #25378d;
}

.msgbox.alert {
	background-color: #fff0d1;
} 

.msgbox.warning,.msgbox.error {
	background-color: #ffa2a2;
	color: #ffffff
}

.msgbox.success {
	background-color: #50f3c6;
}

/*==---- Responsive ----==*/

@media screen and (max-width: 87.5em) {
	
	/* li.e_dropdown.enrichi .e_smenu ul li a, li.e_dropdown.enrichi .e_smenu ul li.e_select:not(.e_column)>a { */
		/* padding: 0 0 0 2.7rem */
	/* } */
	
	li.e_dropdown.enrichi .e_smenu ul li a, li.e_dropdown.enrichi .e_smenu ul li.e_select:not(.e_column)>a {
		padding: 0 0 0 5rem
	}
	
	.enrichi ul li span.picto {
		left: 0;
	}
	
	.enrichi.deux-colonnes.menu-er ul li:nth-child(6) .cet, .enrichi.deux-colonnes.menu-es ul li:nth-child(11) .resto {
		left: -6rem;
	}
	
	.enrichi.menu-services .e_smenu, .ei_menu__nav>ul>li.menu-services>.e_smenu {
    max-width: 750px !important;
	width:760px !important;
	left:-500px !important;
	}
	

	.isr .intro .col_1_3 img {
		position: relative;
		width: 100%;
		left: auto;
	}
	
	.glass h3 {
		padding-bottom:0
	}
	
	.glass .tile, .glass .tile:last-child {
		width: 100%;
	}
	
	.glass .tile .fleche:after {
		right: 1px;
		opacity:1
	}
	
	.glass .tile.flex {
		margin:1rem;
	}
	
	.glass .tile .horizontal .infos {
		padding-right: 2rem;
	}
	
	.glass .flex.ac {
		align-items: center;
		width: 100%;
	}
	
	.flex.nw {
		/*flex-wrap: wrap;*/
	}
	

	
	#formulaire_contact #visuel_contact:before {
		background-size: 100%;
		position: relative;
		top: 50%;
		left: auto;
		width:100%
	}


	#header_configurateur .flex.ac:before {
		display:none
	}

}
@media screen and (max-width: 80em) {
	
		.hero.part .coindd.overlay {
    bottom: .5rem;
    right: -1.5rem;
}
	
	.splide {
		width:90%;
	}
	
	.body > section, .home_promo {
		padding: 2rem 0;
		position: relative;
	}
	/* .ctxt-home .home_promo, #articles + .ctxt-home .home_promo.bg { */
		/* padding: 2rem 0 2rem 0; */
	/* } */
	
.coindd {
    bottom: 1rem;
    width: 2rem;
    height: 2rem;
    right: -1rem;
}
		
		.coingg {
    top: -1rem;
    width: 4rem;
    height: 4rem;
    left: -1rem;
}

.coind {
    bottom: -20px;
    width: 2.5rem;
    height: 2.5rem;
    right: -20px;
}

.coindi {
    width: 1.25rem;
    height: 1.25rem;
}

.hero.home .coindi.overlay  {
    right:-20px;
bottom:-15px;
background:#4c49c7
}


#articles .coindi.overlay  {
right:-20px;
bottom:-15px;
background:#007C82;
}


.coin:after {
    bottom: -20px;
    width: 2.5rem;
    height: 2.5rem;
    right: -20px;
}


.coind div {
    background: #fff;
    height: 1.25rem;
    width: 1.25rem;
    position: absolute;
    left: 0;
    z-index: 3;
    top: 0;
}

.coin.cg:after {
    left: -20px;
    top: -20px;
}

	
	#isr > div:after {
    /* display:none; */
}

#isr {
    padding: 5rem 1rem !important;
}

#isr > .flex:before {
    display:none;
}

#isr .col_1_3 img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

}
@media screen and (max-width: 73.75em) {
	
	
		.annonce .ei_menu__burger {
			top: 87px;
			z-index:3000
		
		}
		
		.ei_menu__burger {
			top: 30px;
		}
		
		.ei_menumobil .ei_menu__content {
    padding: 60px 16px 16px 16px;
}

	.coin:after {
    bottom: -20px;
    width: 2.5rem;
    height: 2.5rem;
    right: -20px;
}
	.glass.flex.nw {
		flex-wrap:wrap
	}
	
	.glass .tile:last-of-type {
		margin: 1rem
	}
	
	.glass .tile .horizontal .fleche {
		width:30%
	}
	
	.glass .tile .horizontal .infos {
		padding-right:0
	}
	
	#modal_forgottenuser_container, #modal_exemple_container {
			min-width: auto;
			width:80%;
			top: 20%;
			padding: 1rem;
			max-height:inherit;
			position: absolute;
	}
	
	#modal_exemple_container {
			top: 10%;
	}
		
	#modal_exemple_container figure {
			margin: 0;
			padding: 0;
	}
		
	#modal_exemple_container figure img {
			padding: 0 0 1rem 0;
	}
	
	/* .tile.horizontal figure img, .une .tile figure img { */
		/* height: 100%; */
		/* object-fit: cover; */
	/* } */
	
	
	#bandeau-connexion {
		display:none;
		background:#004494;
		color:#fff;
		box-sizing:border-box;
		padding:.5rem 1rem;
		position:fixed;
		text-align:center;
		width:100%;
		z-index:1000;
		top:0;
		/*transition:all .05s ease-in-out .1s;*/
	}
	
	#bandeau-connexion a {
	border:1px solid #fff
	}
	
	.col_1_2 img {
		width:100%;
		height:auto
	}
	
	/* .par .ei_menu__burger { */
		/* transition:all .05s ease-in; */
		/* top: 80px !important; */
	/* } */
	
	/* .par .ei_menu__burger.ei_menu__burger-open { */
		/* top: 27px !important; */
	/* } */
	
	/* .par .ei_header { */
		/* top: 52px; */
		/* transition:all .05s ease-in  */
	/* } */
	
	.modeSticky .par .ei_header {
		top: 0;
	}
	
	.modeSticky .par .ei_menu__burger {
		top: 27px !important;
	}
	
	.modeSticky .par #bandeau-connexion {
		position:fixed;
		/*top:-80px;*/
	}

	#bandeau-configurateur {
		top: 97px;
		transition:all .05s ease-in
	}

	.ei_menu__nav > ul > li.home > a {
		padding-left: 2rem;
	}

	li.home a .icon:after {
		top: auto;
	}

	.ei_header__logo {
		align-items: center;
		height: 100%;
	}

	.ei_menu__burger {
		top: 27px;
	}

	.ei_menumobil .ei_menu__content {
		height: calc(100% - 82px);
		margin-top: 82px;
	}

	 #ei_tpl_fullsite.par {
		padding-top: 7em;
	}
	
	#ei_tpl_fullsite.par.annonce {
		padding-top: 178px;
	}
	
	.modeSticky #ei_tpl_fullsite {
		padding-top: 6.5em;
	}
	
	.testimony > div {
		padding:0
	}

	section > div {
		max-width:100%
	}

	header.hero.part, header.hero.ent, .entr .hero.home {
		height:auto;
		padding:5rem 2rem 5rem 2rem
	}
	

	.hero.part .col_1_2, .hero div.banner h1 {
		height:auto;
	}

	.ei_menumobil .ei_menu__nav>ul>li.home>a {
		text-indent:0;
		width:100%;
		padding-left:35px;
	}

	.ei_menumobil li.home, .w70 {
		width:100%
	}

	.ei_menumobil .espace {
		margin-top:0;
		width:100%;
		color:#fff;
	}

	li.home a:after {
		top: 16px;
	}

	.ei_menu__links .more {
		color:#ffffff;
	}		

	.ei_menumobil .ei_menu__links>*, .ei_menumobil .ei_menu__logout>* {
		margin-top:0
	}

	.ei_ident .ei_contener {
		padding:2rem;
	}

	.tile.horizontal figure, .tile.horizontal .banner {
		width:50%
	}

	.ei_menumobil .ei_menu__links, .ei_menumobil .ei_menu__logout {
		background: rgba(255,255,255,0.2);
		margin: 2rem 0;
		padding:1.2rem;
		padding-bottom:1.2rem;
	}

	.hero div.img img {
		max-width:100%;
		height:auto;
	}

	.hero.ctxt_page .banner .actions .btn {
		padding: 0.5rem;
		width:32%;
		margin: 0 .2rem;
		flex-wrap:nowrap;
	}

	.faq-prime .faq-prime-link.flex {
		flex-wrap:nowrap;
	}

	.hero.ctxt_page .banner .actions .btn figure {
		text-align:center;
		padding: 0;
	}	

	.hero.solo .banner, .hero.solo div[class*="col_"] {
		padding: 0 2rem;
	}

	.ei_menu__nav>ul>li.cta a {
		text-align: center;
		border-radius: 5px;
		text-transform: none;
		transition: all 0.7s ease 0s;
	}

	.ei_menumobil .ei_header .ei_env_btn {
		margin-top:1rem;
		padding: 1rem 1rem 1rem 2rem;
	}

	.ei_gly_securite:before {
		left: -10px;
	}

	#module-cas-deblocage legend {
		padding-bottom:0
	}

	fieldset {
		padding:0
	}

	.liste-motifs .row {
		margin-top:0
	}

	.ei_menumobil .ei_menu__nav>ul>li>.e_smenu {
		margin-bottom:1rem
	}
	
	/* li.home.e_select a:before { */
		/* left: 16px !important; */
	/* } */

	.ei_menu__links .more {
		width:100%;
		color:#fff
	}

	.ei_menu__nav > ul > li:first-child > a {
		left: 0;
	}

	.ei_menu__nav>ul>li.cta {
		position: relative;
		top: auto;
		right: auto;
	}

	.hero {
		padding:0 2rem
	}

	.rebound-article .hero {
		padding:0
	}		

	#forme {
		left: -198px;
		top:-20px;
		height:1000px;
		width:1000px;
	}

	.body.flex {
		padding: 40px 20px;
		padding: 2.5rem 1rem;
	}

	#articles {
		width:100%;
		padding: 0 1rem;
	}

	.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
		padding: 0 1em 2rem 2rem;	
	}			

	.btn {
		line-height:1
	}

	aside .btn, aside.sticky .btn, .hero .banner > div {
		width:100%
	}

	.solo .img {
		height:auto;
	}

	.hero.solo .img img {
		left:auto
	}

	aside+div, aside {
		padding: 0;
	}	

	header.hero {
		min-height:100%;
	}	

	.hero, header.hero .col_1_2 {
		min-height:initial;
	}

	header.hero .flex .col_1_2:nth-child(2) article {
		position:relative;
	}

	header.hero .col_1_2 {
		display:flex;
		flex-direction:column;
		width:49%;
		align-items: center;
		justify-content: center;
	}

	header.hero .flex .col_1_2 article {
		width:140%;
	}

	header.hero .actions {
		margin-top:0
	}

	header.hero .encart {
		width:100%;
		right:0
	}

	.internal-navbar .col_1_4 {
		width:50%
	}

	.hero.solo {
		height:100%
	}

	.hero.solo .img {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		z-index: 2;
	}

	.hero.solo img {
		margin:0 auto
	}

	header.hero.no-img {
		background-color: #74ceaa;
		padding: 0;
		height: inherit;
	}

	.hero img {
		display: block;
		height: auto;
		position: relative;
	}

	.hero.ent img {
		left: -90px;
	}

	.hero.no-img div.banner h1 {
		color: #fff;
	}

	header.hero, header.hero.ctxt_page, header.hero.ctxt_page_ent {
		max-height: inherit;
		padding: 0 2rem;
	}

	.ei_header__logo a {
		position:relative;
		left:-6px;
	}

	section > div {
		padding: 1rem 0
	}

	header.hero article {
		width: 100%;
		position:relative;
		height:auto;
	}

	header.hero li.hero article {
		height:auto
	}

	.body > section, .home_promo {
		padding: 2rem 1rem;
	}

	.body .flex.inverse {
		padding:0 1rem
	}

	header.hero .col_1_2 {
		padding:3rem
	}

	header.hero li figure {
		display: none;
	}

	header.hero ul li:nth-child(odd) {
		left:auto
	}

	header.hero li.hero {
		margin-bottom:0
	}

	header.hero ul {
		margin:0;
		padding:0;
	}

	header.hero .col_1_2 {
		margin-bottom: 0px;
		margin-bottom: 0rem;
	}

	ul.styled li {
		margin:0 auto
	}

	header.hero .col_1_2 article {
		bottom: -40px !important;
		left: auto;
		right:auto;
	}

	header.hero .encart:before {
		height: 100%;
		width: 50%;
		background-size: 80%;
		right: -20%;
		background-position: center center;
		display:none
	}

	.body.actualite > .flex.inverse article {
		margin-right:2rem;
	}
	.body.actualite .flex.inverse aside > div {
		padding-left:0
	}

	#euConsentManager .ei_gpblock .ei_gpblock_body div.ei_richrbgroup.ei_richrbgroup_slice {
		display:inline-block;
	}

	#euConsentManager div.ei_richrbgroup div.ei_richrb .ei_richrb_label {
		padding:0 20px
	}	

	.blocmodal {
		margin-top:auto !important;
		margin-left:auto !important;
		position:absolute;
		transform:translate(-50%,-50%);
		top:50%;
		left:50%;
		height:auto;
		width:90%;
	}


}

@media (max-width: 73.73em) {
		
	.tile.horizontal.svg figure img {
		width: 60%;
	}
	
	
		#outils {
	padding-bottom:4rem;
}

		.hero.configurateur {
    height: auto;
	padding:2rem 0
   }
   
   	.tuile.active {
    flex: 2;
}

.tuile .flex {
    width: 100%;
}


.tuile .tag {
    margin: 0 1rem;
}

	
   
   /* #reassurance .col_1_3:last-child, .ctxt-home .home_promo .col_1_3:last-child { */
    /* margin-right: 1rem !important; */
/* } */



}

@media (max-width: 67.5rem) {

	#outils .tile .infos {
    min-height: 100px;
}
	
	#pilotez .pseudo-menu {
    flex-wrap:wrap;
}


#pilotez .chiffres {
    width: 30%;
    left: -2rem;
}
	#pilotez .visuel {
		width:70%;
	}
	
	
	#pilotez .internal-nav.pseudo-menu li {
    margin: .5rem;
}
	#pilotez .pseudo-menu span.picto {
    width: 80px;
    height: 80px;
}

	#pilotez .pseudo-menu {
    top: 0;
}
	
	#pilotez li a {
    flex-wrap: nowrap;
	flex-direction:column
}
	#pilotez .pseudo-menu span.picto,#pilotez .pseudo-menu li .titre {
    top:auto;
	text-align:left;
}

#pilotez .visuel {
    height: 550px;
}


#pilotez .pseudo-menu li .titre {
    font-size: 1.2rem;
}


#pilotez .pseudo-menu li .titre {
    margin-bottom: 0
}
#pilotez .pseudo-menu .picto:before {
    height: 100%;
    width: 100%;
}
	
		header.hero.part, header.hero.ent, .entr .hero.home {
		height:auto;
		padding:2rem
	}
	
	
	.hero.part .banniere figure,.hero.part .banniere .banner {
		width:100%
	}
	
	
	.tile.horizontal.flex {
		flex-wrap:wrap
	}				

	
	#module_espace_switch .switch div.move {
		display:none;
	}

	#module_espace_switch .switch.row div:after, #module_espace_switch .switch.row a:after {
	    top: 11px;
	}

	#module_espace_switch .switch.row {
    	background: transparent;
		box-shadow:none;
		width:100%;
	}

	.ei_menu__links #module_espace_switch .switch div:first-of-type, .ei_menu__links #module_espace_switch .switch div:last-of-type, .ei_menu__links #module_espace_switch .switch div.active, .ei_menu__links #module_espace_switch .switch div a {
	    border-radius: 8px;
		justify-content: space-between;
		width:100%;
	}
	
	.ei_menu__links #module_espace_switch .switch div:first-of-type {
			margin-bottom:1rem;
	}
	
	#module_espace_switch .unchecke .check:before, #module_espace_switch .active .check:after {
		top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
	}
	
	#module_espace_switch .check:before {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
	
	#module_espace_switch .switch a, #module_espace_switch div.inactive {
		z-index: 2;
		color: #fff;
		position: relative;
		padding: .9rem;
	}
	
	#module_espace_switch .situation {
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: .5rem;
	}
	
	.content__container__list .h1:last-of-type {
		display:none
	}
	
	header.configurateur.home:hover .content__container__list {
	  transform: none;
	}
	
	#module_espace_switch .switch div.active a {
		background: #2B848C;
		color:#fff;
	}
	
	#module_espace_switch .switch div.inactive {
		background:#2B848C;
		opacity:.2
	}
	
	#module_espace_switch path#epargnant {
		fill: #fff;
	}
	
	#module_espace_switch .inactive.unchecke .check:after, #module_espace_switch .active .check:after {
		border: 1px solid #fff;
	}
		
	#module_espace_switch .material-icons {
		font-size: 25px;
	}
	
	#module_espace_switch svg {
		height: 28px;
	}
	
	#module_espace_switch .icons {
		width: 25px;
		height: 25px;
	}
	
	#module_espace_switch.epargnants .switch div.active {
		color:#fff
	}
	
	#module_espace_switch.epargnants .switch div a {
		background: #24378d;
	}
	
	#module_espace_switch.entreprises .switch div.inactive {
		background: #2d4093;
	}
	
	#module_espace_switch .switch div.inactive {
		border: 3px solid #fff;
	}
	
	
	#module_espace_switch.epargnants svg {
		fill:#fff
	}

	.ei_menu__nav>ul>li.cta a {
 	   border: none;
	}

	.ei_header.entr .ei_menu {
	    background-color: #2d4093;
	}
	
	.ei_header.entr:after {
		background-color: rgb(45 64 147 / 60%);
	}

	.entreprises .switch.row a:before, #module_espace_switch .inactive:before {
	    top: 10px;
	}

	#module_espace_switch svg {
	    top: 1px;
	}

	#module_espace_switch .situation {
		color: #fff;
	}

	#module_espace_switch.entreprises a, #module_espace_switch .switch a {
		background: #fff;
	}
	

	
}

@media (max-width: 59.375em) {
	


	.ei_gpblock_body div.ei_richrbgroup div.ei_richrb {
		float:none
	}

	.hero.ctxt_page .banner .actions .btn {
		flex-wrap: wrap;
	}

	.hero.solo .col_1_3, .hero.solo .col_2_3, .hero.solo .col_1_2, .hero .banner a img {
		width: 100%
	}

	.ei_ident .ei_contener {
		background:none;
	}

	.ei_ident #ident {
		margin: 2rem auto;
	}

	.ctxt-home .home_promo {
		padding: 3rem 1rem 4rem 1rem;
	}


	header.hero .actions, .tile.horizontal figure {
		width:100%;
		/* text-align:center; */
	}

	.tile.horizontal figure, .flex.horizontal figure {
		/*display:none*/
	}
	
.hero.home h2 {
    padding: 1rem;
}
		
	
	.tile.horizontal figure img {
		width: 100%;
		max-width: 100%;
		transform: none;
		position: relative;
		left: auto;
		top: auto;
		padding:0;
		margin:0 auto !important;
	}

	header.hero .flex .col_1_2 article {
		width: 150%;
	}

	.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
		padding: 0 1em 2rem 0rem;
	}

	.col_2_3 {
		flex-direction:inherit
	}
	

}

@media screen and (max-width: 48em) {

	.ei_header {
    top: 0;
}

#ei_tpl_fullsite {
    padding-top: 90px;
}

#annonce-ere {
    position: relative;
	height:auto;
}


	#chiffres .exergue span:first-child {
    font-size: 3rem !important;
}
	
	
	#isr .offre_container:before {
    display:none;
}

.decale .offre_container {
    width: 100%;
    margin: 0;
}
	
	
	#articles {
    position: relative;
    top: 0;
}
	
	
	#pilotez .internal-nav.pseudo-menu li {
    flex: auto;
}


	#pilotez .visuel {
    width: 100%;
}

#pilotez .chiffres {
    width: 100%;
    left: 0;
}

#pilotez .visuel {
    height: 150px;
}
	#pilotez .pseudo-menu {
    top: 0;
}


	#projets .tuile .flex {
    width:100%;
	max-width:100%
}
	
		#isr > div:after {
    display:none;
}
	
	.hero.home .col_1_3 article {
    /* background: #4c49c7; */
    position: relative;
    padding: 0 1rem;
    transform: none;
    overflow: visible;
    /* top: 0%; */
}
	
	.alternate__imag img {
		display:block;
		max-width:60%;
		margin:0 auto;
	}
	
	.coingg {
    top: 0rem;
    width: 2rem;
    height: 2rem;
    left: -1rem;
}

.coindd {
    z-index: 3;
    width: 2rem;
    height: 2rem;
    right: -1rem;
	bottom:1rem;
}
.coindi {
    width: 1rem;
    height: 1rem;
}
.coind {
    bottom: -1rem;
    width: 2rem;
    height: 2rem;
    right: -1rem;
}

.coind div {
    background: #fff;
    height: 1rem;
    width: 1rem;
    position: absolute;
    left: 0;
    z-index: 3;
    top: 0;
}

.tuile .btn {
    width: 100%;
}


.coin:after {
    bottom: -1rem;
    width: 2rem;
    height: 2rem;
    right: -1rem;
}

.coin.cg:after {
    left: -1rem;
    top: -1rem;
}

#pilotez img {
    width: 100%;
}
	.ei_menu__nav>ul>li.menu-outils>.e_smenu {
    left: 0 !important;
}


.hero.bottom .col_2_3 {
    padding:0;
}

.hero .banner .actions .btn {
   margin-bottom:.5rem;
   margin-top:.5rem;
    width: 100%;
    max-width: 100%;
}
	
	.banner .flex .g {
		text-align:center !important;
	}
	
	.enrichi.deux-colonnes ul {
		display: block;
	}
	
	.enrichi.deux-colonnes .e_smenu {
		width: auto !important; 
	}
	
	#ei_tpl_fullsite .enrichi.deux-colonnes .e_smenu, .ei_menu__nav>ul>li.menu-er>.e_smenu {
		left: 0 !important;
	}
	
	.enrichi .e_smenu, .enrichi.menu-services .e_smenu, .ei_menu__nav>ul>li.menu-services>.e_smenu {
    max-width: 100% !important;
	}
	
	.enrichi.deux-colonnes .offset {
		margin-left: 0 !important;
	}
	
	.enrichi ul li {
    min-height: auto !important;
	}
	
	.enrichi.deux-colonnes ul:after {
		display:none;
	}
	
	li.e_dropdown .e_smenu ul li a {
		text-align: center;
	}
	
	.enrichi.deux-colonnes ul li:nth-child(1) {
		order: -1;
	}
	
	.enrichi.deux-colonnes .hidden {
		order: 0;
		margin-top: 2rem !important;
	}
	
	.enrichi.deux-colonnes ul {
		display:flex;
	}
	
	.menu-es.enrichi.deux-colonnes ul li.hidden {

	width:100%
}

.menu-es.enrichi.deux-colonnes ul li:nth-child(5):before {
    top: 0rem;
}

.menu-es.enrichi.deux-colonnes ul li:nth-child(9) {
    /* margin:0 .8rem .5rem .8rem; */
	order:-1
}

.enrichi ul li.e_select:not(.e_column)>a:before {
    left: -.7rem !important;
}

.menu-es.enrichi.deux-colonnes ul li:nth-child(9) a {
    padding:0 0 0 5rem!important;
}
	
	.ei_menu__content li.menu-es.e_dropdown.enrichi.deux-colonnes li.une a {
   padding-left: 3rem
}


	/*.enrichi.deux-colonnes ul li:nth-child(1):after {
		content: "Titre colonne 1";
		display: block;
		position: relative;
		top: -30px;
		text-align: center;
		font-size: 1rem;
		color: #25378d;
		pointer-events: none;
		width: 100%;
		order: -1;
		height: 1px;
	}*/
		
	/*.enrichi.deux-colonnes ul li:nth-child(2):after {
    content: "Titre colonne 2";
    display: block;
    position: absolute;
    top: -30px;
    text-align: center;
    font-size: 1rem;
    color: #25378d;
    pointer-events: none;
    width: 100%;
    order: 1;
    padding-top: 0rem;
    line-height: 2;
    height: 1px;
  
}
	*/
	
.enrichi.deux-colonnes ul li:nth-child(3) {
    order:-1
}

.enrichi.deux-colonnes ul li:nth-child(5) {
		order: -1
	}
	
	.enrichi.deux-colonnes ul li:nth-child(7) {
		order: -1
	}
	
	.enrichi.deux-colonnes ul {
		padding-top: 2rem;
	}
	
	.enrichi.deux-colonnes ul li {
		margin: 0 .8rem .5rem .8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap:wrap;
		width:100%;
	}
	
	.col_1_2, .hero .banner.col_1_2 {
		width: 100%;
	}
	
	.mb10 {
		margin-bottom:0 !important;
	}
	
	.out {
		position: relative;
		transform:none;
		left:auto;
		top:auto
	}
	.out-bottom {
		position: relative;
		transform:none;
		left:auto;
		bottom:-3px
	}
	
	#ei_tpl_fullsite .ei_contener .mb4 {
		margin-bottom:0 !important;
	}
	#ei_tpl_fullsite .ei_contener .mt4 {
		margin-top:0 !important;
	}
	
	
	.glass .tile.flex p {
		padding:0
	}

	.faq aside > div:first-child {
		padding: 0;
	}
	
	.body.flex.faq {
		padding-top: 1rem;
	}
	
	#ei_tpl_fullsite .ei_contener .body.flex.faq aside+div {
		padding-top: 0;
	}
			
/** Forcage alignement **/

.flex.fc .vide {
display:none
}

.entr .tile.vide, .tile.vide {
    height: 300px;
}

	.ei_menu__nav>ul>li>.e_smenu {
		left: 0 !important;
	}
		
	.picto-rond {
		position: relative;
		left: auto;
		margin:0 auto;
		top:0;
		transform: none;
	}

	#module_espace_switch.entreprises a, #module_espace_switch .switch a {
		background: #fff;
	}

	#ei_tpl_fullsite .hero.configurateur h1, #ei_tpl_fullsite .hero.configurateur .h1 {
		text-align:center;
	}

	#formulaire_contact .col_1_3:nth-child(1) {
		order: 0;
	}

	#formulaire_contact #visuel_contact:before {
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
		width:30%
	}

	.ent #visuel_contact {
		height:300px;
		overflow:hidden;
	}

	#formulaire_contact > div:last-of-type {
		width: 100%;
	}

	#formulaire_contact.confirmation #visuel_contact:before {
		left: 0;
	}

	.content__container__list {
		text-align: center;
	}

	.content__container {
		margin-top: 1rem;
	}

	#articles .flex {
		flex-direction:column
	}

	.ent .tile.horizontal.svg figure {
		display:block;
	}

	#services .row.service {
		flex-direction: column;
	}

	#services .row.service .col_1_2 {
		width:100%
	}

	#services .row.service .col_2_3 {
		width:67%
	}

	#services .row.service .col_1_3 {
		width:33%;
		display:block;
	}

	.service .col_1_2 div {
		height: auto;
	}

	.service .col_1_2 > div {
		padding: 0 1rem
	}

	.row.service {
		margin-top: 0;
	}

	.service .col_1_2:last-of-type {
		top: 0;
	}

	#resume ol li:before {
		padding: 0.3em .8rem;
		font-size: 2rem;
		left:-4px;
	}

	#teaser-dispositif .actions {
		width: 100%;
		text-align: center;
	}

	#teaser-dispositif .actions a {
		margin-bottom:1rem
	}

	#teaser-dispositif ul:after {
		display: none
	}

	#teaser-dispositif .menu li.active:after {
		top: 24px;
	}

	.chapeau .visuel_gauche img, #menu-teaser-fiche .fiche img {
		position: relative;
	}

	#teaser-dispositif .menu li {
		padding: 0 .5rem;
	}

	.service .col_1_2:first-child .col_1_3:last-child {
		background: url(/fr/images/entreprises/solutions-entreprises.jpg);
		background-size: cover;
		transform: rotateY(180deg);
	}

	.service .col_1_2:last-child .col_1_3:last-child {
		background: url(/fr/images/entreprises/solutions-salaries.jpg);
		background-size: cover;
	}

	#bandeau-configurateur .flex:before {
		display:none
	}

	#bandeau-configurateur .col_2_3:first-of-type {
		padding-left: 0.9375rem;
		text-align:center !important;
		padding-bottom:0 !important;
	}

	#bandeau-configurateur .flex {
		flex-wrap:wrap;
	}

	#bandeau-configurateur .flex div {
		width:100%;
	}

	#bandeau-configurateur h2 {
		text-align:center !important;
	}

	.solutions.outils .illustration {
		background: url(/fr/images/entreprises/outils-es.jpg);
		height:500px;
		background-size: cover;
		background-position: center center;
	}
	
	.solutions.outils .illustration div {
		display:none
	}

	.argument, .salaries .argument, .salaries .argument, .droite .argument {
		position: relative;
		z-index: 2;
		margin-left: 0;
		margin-right:0;
		background: #fff;
		padding: 2rem;
		padding-left: 2rem;
		padding-top:0;
		padding-right:2rem;
	}	

	.salaries .argument {
		margin-right: auto;
		text-align:left;
	}

	.salaries .intro-illustration {
		margin-right: auto;
		padding-left: 30px;
		padding-right: 30px;
		text-align:left;
	}

	.intro-vision {
		overflow: hidden;
	}

	.effect:before, .effect:after, .salaries .effect:after, .salaries .effect:after, .droite .effect:after {
		display:none;
	}
	
	.intro-illustration {
		padding-left: 30px;
		padding-right: 30px;
		margin-left:auto;
	}

	#configurateur .hero.configurateur .portrait img {
		max-width:100%
	}

	.body.ent aside.sticky nav {
		margin-bottom:0
	}

	.body.ent > .flex.inverse article {
		right: auto;
		margin-right: auto;
	}

	.ei_contener header.hero.configurateur {
		padding: 2rem;
		text-align: center;
		height:auto;
		background:#2a3e91
	}	

	.body .visuel_gauche img, .body .visuel_droite img {
		position: relative;
		transform: none;
		left: auto;
		top: auto;
		width: 100%;
		margin: 0 auto;
	}

	.visuel_gauche, .visuel_droite {
		text-align:center;
	}

	.visuel_gauche img , .visuel_droite img {
		margin:0 auto;
	}

	.body.chapeau section.tresto figure {
		display:block
	}

	header.hero.configurateur  .flex .col_1_2 article img, header.hero.configurateur  .flex .col_1_2 article, .body.ent aside.sticky, .body.ent aside, .ent .horizontal.tile figure, .ent .horizontal.tile .banner {
		width:100%
	}

	.ctxt_page_ent.v2 p {
		padding:0 2rem 2rem 2rem;
		margin:0 auto
	}
	
	.hero.ctxt_page_ent.v2 p.h1 {
		padding-top:2rem
	}

	.hero.ctxt_page_ent.v2 {
		background: #2c3d8e;
	}

	.table_fcpe {
		margin-bottom: 2rem;
	}

	.table_fcpe div, .m_table {
		overflow: scroll;
	}

	.body.ent .chapeau .row > div.visuel_gauche {
		padding:0
	}

	.body.ent .chapeau .row > div.col_2_3 {
		padding-left: 2rem;
	}

	article .visuel_gauche, article .visuel_droite {
		max-width:250px;
		margin:0 auto
	}

	.ent .horizontal .svg {
		flex-wrap:nowrap;
	}

	.key-figure > div > div {
		padding: 1rem !important
	}

	.hero .portrait {
		position: absolute;
		bottom: auto;
		left: auto
	}

	.body.actualite .content-type {
		right: 0;
		top: -7px;
	}

	header.hero .col_1_2 article {
		bottom:-10px !important;
	}

	.tile .infos, .tile .horizontal .infos, .simulateurs .tile .infos, .nos-quiz .tile .infos {
		min-height:auto;
		width: 100%;
	}


	.hero.ctxt_page .banner, .hero.ctxt_page_ent .banner, .hero .banner {
		min-height:auto;
		width:100%;
		height:auto;
		padding:2rem 1rem;
	}
	
	.hero.bottom .banner {
		padding:2rem 1rem 0;
	}
	
	.hero .banner .flex .div[class*="col_"].last-child {
		padding-bottom:2rem
	}


	.hero.ctxt_page .banner .actions .btn {
		flex-wrap: nowrap;
	}

	.hero .banner a img {
		width: 70px;
		height: 70px;
		margin: 0 auto;
	}
	
	.hero .banner a span {
		width: 70%;
		text-align: left;
	}

	header.hero, header.hero.ctxt_page, header.hero.ctxt_page_ent {
		padding: 0;
	}

	.body.deco img {
		left:auto;
		top:0;
		transform:none;
		margin:0 auto;
		position:relative;
		display:block;
	}

	.body.deco div {
		position:relative;
		padding:1rem;
	}

	.simul-form {
		padding: 2rem 1rem;
	}

	.faq-list a:hover, .faq-list a:focus {
		padding: 1.176em
	}

	.faq-list li:hover .article-title, .faq-list li:hover .article-category {
		font-weight: 400;
	}

	.rebound-article, .rebound-article .banner, .rebound-article a {
		width:100%;
		display:block;
	}

	.rebound-article h3 {
		margin-top:0
	}

	.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
		background:#FAFBFD;
		padding:1rem;
		margin: 0 0 2rem 0;
	}

	#ei_tpl_fullsite .ei_contener .body aside+div, #ei_tpl_fullsite .ei_contener .body aside+section {
		width: 100%;
		padding:2rem 1rem 1rem 1rem;
	}

	.home_promo .banner {
		min-height: auto;
	}

	.section-intro, .ctxt-home .section-intro {
		width: 100%;
		font-size: 1rem;
	}

	.module-container:not(.first-step) {
		padding: inherit;
		margin-bottom: 2rem;
	}

	.radio-style + .radio-style {
		margin-left: 1rem;
	}

	.ei_menu__links .btn, .aes .btn {
		max-width:100%
	}
	
	.body.actualite .flex.inverse aside .btn {
		width: 100%;
		max-width:300px;
		margin: 0 auto;
	}

	.hero.ctxt_page .banner .actions .btn {
		margin:.5rem auto;
	}

	.ei_contener .body.actualite .simul, .ei_contener .iframe-container, .body.actualite.simulateur > section:first-of-type {
		padding: 0 !important;
		box-shadow: none;
		border-radius: 0;
		border: none;
	}

	.hero div.img img {
		max-width: 300px;
		left: 0;
	}

	.hero.ctxt_page .banner .actions .btn figure {
		text-align:left;
		padding: .3rem;
		margin: 0 .7rem 0 0;
	}	

	/* .hero, .hero.ctxt_page_ent, .hero.ctxt_page { */
		/* background:#01767c */
	/* } */

	.rebound-article .hero {
		background:#ffffff;
	}

	.hero.solo .banner > div {
		padding:2rem
	}

	.hero.solo .banner > div h1 {
		padding:1rem 0
	}

	.hero.solo img {
		bottom:0;
		max-width: 350px;
	}

	.hero .banner .actions {
		display:flex;
		flex-wrap: wrap;
	}

	.hero.simu .banner h1 {
		padding:2rem 0
	}

	.hero.ctxt_page h1, .hero.ctxt_page_ent h1,  #ei_tpl_fullsite .hero.ctxt_page p.h1 {
		padding:2rem 2rem 0 2rem
	}

	.hero .img {
		padding:0
	}

	.hero.ent img {
		left: -60px;
	}

	.col_1_3:nth-child(1) {
		order:2;
	}
	
	.autres-dispositifs .col_1_3:nth-child(1) {
		order:0;
	}

	.disposer_visuel {
		left:0
	}

	.hero .portrait {
		position:relative;
	}

	header.hero .col_1_2 {
		padding:0
	}

	#forme2, .hero .img:after, .faq-list a:hover .icoon, .faq-list a:focus .icoon, .hero .img:after, .hero .img:before, div.hero > figure, li.hero > figure, .visually-hidden, .simulateurs:before, .body.actualite header.hero.no-img, .hero.no-img:before {
		display:none
	}

	header.hero .flex .col_1_2:nth-child(2) article {
		position: relative;
		height:auto;
	}

	#forme, #forme2, #forme3 {
		background:none
	}

	/* header.hero.part, header.hero.ent, #retrait { */
		/* background:#017c83 */
	/* } */

	.hero {
		padding: 0;
		display: flex;
		min-height:auto;
		flex-direction: column;
	}

	.hero div.img img {
		position:relative;
	}

	.hero.ctxt_page .banner .actions .btn {
		display: flex;
		width:90%;
		max-width:90%;
	}

	.hero .img {
		order:2;
		text-align: center;
	}

	ol.styled li:before {
		left: 2.6rem;
	}

	#retrait .col_2_3 {
		padding:1rem 2rem;
	}

	.hero img {
		max-height:inherit;
		width:90%;
	}

	.hero.part img, .hero.ent img {
		margin:0 auto;
		max-width: 450px;
	}

	aside.sticky .btn, aside btn {
		width:auto
	}

	.modal {
		position: absolute;
		box-sizing: border-box;
		top: 1%;
		max-width: 98%;
		bottom: auto;
		overflow: scroll;
		width:95%;
		padding:3.5rem 1.5rem 2rem 1.5rem!important
	}

	.modal > div {
		padding-right:0
	}

	.actions .btn.secondary, button.secondary, .btn.secondary {
		line-height: 1.3;
		margin:0 auto;
	}

	.ei_footer__links ul li {
		padding: 4px;
		border:none;
	}	

	.hero.solo .banner, .hero.solo div[class*="col_"] {
		width:100%;
		padding:0
	}	

	.body.flex, .ei_ident .ei_contener h1, .contact .i_blocgenform fieldset {
		padding:0
	}	

	.return .more {
		margin-top: 0;
	}

	.h2, h2, .testimony h2 {
		font-size: 2rem;
		line-height: 1;
	}	

	.body.actualite header {
		margin-top: 1rem;
		position:relative;
	}

	h1, .ei_ident .ei_contener h1 {
		font-size: 2.2rem;
		width:100%
	}

	section.hero {
		padding: 1rem 0;
	}

	section {
		padding: 1rem;
	}

	.ei_menu__nav>ul>li.cta {
		position: relative; 
		top: auto; 
		right: auto; 
	}

	.ei_menu__nav>ul>li.cta a {
		border: none
	}

	.radio-style-alt span.plan {
		margin-left:0;
	}

	.radio-style-alt {
		width:100%;
		padding-right: 3rem;
	}

	#videos-services li {
		margin-bottom: 32px;
		margin-bottom: 2rem;
	}

	.blocmodal > div {
		overflow-y: scroll;
		height: auto;
	}

	.simul, .iframe-container  {
		margin-top:0;
	}

	.simul-form {
		padding: 2rem 1rem;
	}

	.ei_contener .simul, .ei_contener .iframe-container, .body.actualite.simulateur > section:first-of-type {
		padding: 0 !important;
		box-shadow: none;
		border-radius: 0;
		border: none;
	}

	.faq-list li {
		padding: 0 1rem;
	}

	.encart.hero > figure+div {
		padding: 1.875rem
	}

	.faq-list .article-category {
		margin-left:0;
		margin-top:1rem
	}

	.faq-list a {
		overflow:visible;
		display:block;
		padding: 1.176em;
		flex-flow: column;
	}

	header.hero.no-img {
		background-color: #FAFBFD;
		background-image: none;
	}

	.body.actualite > .flex.inverse article {
		margin-right:auto
	}
	
	.body.actualite .flex aside, .body.actualite .flex aside+div {
		width:100%;
		padding:1rem
	}

	header.hero .flex .col_1_2 article {
		height: auto;
	}

	header.hero .flex .col_1_2 {
		flex-direction: column;
	}

	.encart.tile {
		margin:0; 
		position:relative;
	}

	section#actu-nav {
		padding:1rem
	}

	.contact label, .contact .form-control, .contact .i_blocgenform fieldset, .form-group textarea {
		width:100%;
		min-width:auto;
	}

	.contact label, .contact .form-label {
		text-align:center;
		margin-bottom:.5em;
	}

	.contact .form-control {
		text-align:center
	}

	.contact .form-label {
		width:100%;
		text-align:center;
		padding-right:0
	}
	
	.table_scroll {
		overflow-x:scroll 
	}

	.contact .table_scroll table {
		min-width:600px
	}

	.table_scroll table tr th, .table_scroll table th.empty {
		position:sticky; 
		left:0;
		background:#438DE0;
		color:#fff;
		opacity:1;
	}

	.table_scroll table th.empty {
		z-index:3
	}

	.contact table thead th:first-child, .contact table thead th:nth-child(2), .contact table thead th:last-child {
		border-radius:0
	}

	.form-group {
		flex-wrap: wrap;
	}

	footer .ei_footer__links ul li {
		max-width: 100%;
	}

	.avis .col_1_2, .avis .col_1_2 + .col_1_2 {
		text-align:center
	}	

	ol.styled li {
		margin-left:0; 
		margin-right:0
	}	

	.ei_footer__links ul li ul li {
		text-align: center;
	}	

	.internal-navbar .col_1_4 {
		text-align:center;
		display:block
	}

	header.hero {
		min-height:100%;
	}

	header.hero.simu .banner, .hero.flex div[class*="col_"] {
		padding: 2rem;
	}

	.hero.solo .img {
		display:block
	}

	header.hero .encart:before {
		height: 100%;
		width: 70%;
		background-size: 100%;
		right: -20%;
		background-position: center center;
	}

	.ei_content .col_1_2, .ei_content .col_1_3, .ei_content .col_1_4, .ei_content .styled li, .ei_content .w70, .w80, .w90, ol.styled.flex li, header.hero .col_1_2, header.hero .col_1_2 ul li>div, aside+div, aside+section, #quicksearch, .filters > div, .faq-list .article-title, .w80, .col_3_4, .col_2_3, .hero .banner div, .flex.fc > .col_1_2, .flex.fc .col_1_3,.body .flex.fc .col_1_3 {
		width: 100%;
	}

	.flex.fc > .col_1_2, .flex.fc .col_1_3 {
		margin-left:0 !important;
		margin-right:0 !important;
		margin-bottom:2rem;
	}


	header.hero .encart {
		left: auto;
		right:auto;
		bottom:auto;
	}

	header.hero li.hero {
		height: auto;
	}

	header.hero .col_1_2 .encart, header.hero ul li.hero figure+div {
		padding: 30px;
		padding: 1.875rem;
	}

	li.tile .actions {
		padding:0
	}

	.col_1_3, .col_1_2 {
		padding: 0.9375rem 0;
	}

	header.hero ul li:nth-child(odd) {
		left:auto;			
	}

	.encart h1 {
		font-size: 32px;
		font-size: 2rem;
		line-height: 38px;
		line-height: 2.375rem;
	}

	aside, aside.sticky {
		padding: 2rem 0 2rem 0;
		width: 100%;
	}
	
	aside .actions, aside.sticky .actions {
		margin-top:0;
		text-align:center
	}

	.body aside.sticky > div {
		padding:0 2rem
	}

	.entry h1 {
		padding-top:.5rem;	
	}

	.hero .flex {
		margin:0
	}

	.hero div.banner h1, .hero.no-img div.banner h1 {
		margin-bottom:0;
		font-size:2.3rem;
		/* padding:4rem 2rem; */
	}

	table.two-entry thead th:nth-child(2) {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.ei_richrbgroup  label.ei_richrb_label {
		padding-right:10px !important
	}
	


}

@media (max-width: 40.625em) {
	
		
		.tile.tiers.horizontal figure {
		width:100%
	}
	
	
	.tile.tiers.horizontal .banner {
		width: 100%;
	}
	.horizontal.tile {
    flex-wrap: wrap;
}

.tile.horizontal.svg figure img {
    width: 50%;
}



#projets .tuile {
    width: 100%;
	max-width:100%;
}

#projets .tuile .flex {
    width:100%;
	max-width:100%
}


#projets .tuile .tag {
    font-size:1.3rem;
}

}

@media screen and (max-width: 31.25em) {
	
	.ei_footer__content_logo .ei_logo_img_responsive_footer {
    width: 100%;
}
	
	#projets .tuile.active {
    flex: auto;
}

	
	.hero.home .col_1_3 article {
    transform: none;
	position:relative;
}

.mt5 {
    margin-top: 0 !important;
}

.tuile.active, .tuile {
	flex:auto;
	margin-bottom:1rem;
	border:none
}

#chiffres .col_1_3, #chiffres .col_2_3, .ctxt-home .home_promo .col_1_3 {
   padding:1rem;
}

/* #reassurance .col_1_3:last-child, .ctxt-home .home_promo .col_1_3:last-child { */
    /* margin-right: 1rem !important; */
/* } */

/* #reassurance .col_1_3:last-child, .ctxt-home .home_promo .col_1_3:last-child { */
    /* padding-right: 1rem; */
    /* margin-right: 1rem !important; */
/* } */

#chiffres .col_2_3 .flex {
    width: 100%;
}

#chiffres .chiffres {
    height: 100%;
}

#isr > div:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    width: calc(100% - 2rem);
    height: calc(100% + 80px);
    transform: translateY(-50%);
    background-color: #A2ECA2;
}


#isr .col_2_3 > div {
    padding-right: 2rem;
}


#reassurance .col_1_3 {
    padding-top: 0;
    padding-bottom: 1rem !important;
    margin-bottom: 1rem !important;
	padding-right:0 !important
}

.encart.illustre .illustration {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top: 0%;
    left: 50%;
    background: #24378d;
    width: 100px;
    height: 100px;
}

.encart.illustre {
    padding: 5rem 2.5rem 3rem 2.5rem;
    margin-left: .9375rem;
    margin-top: 5rem;
}

.splide__pagination {
    margin:0 !important;
	padding:0 !important
}

.splide__arrow--prev {
    left: auto
}
.splide__arrow--next {
    right: 0
}

.splide__pagination {
    bottom: -3rem;
}


li.home.e_select a:before {
    left: 1rem !important;
}


	.enrichi ul li,.enrichi.deux-colonnes ul li, .menu-es.enrichi.deux-colonnes ul li {
		margin: .2rem .2rem;
	}
	
	.enrichi.deux-colonnes ul li:nth-child(2):before {
		position: relative;
		top:auto;
		margin-bottom: 1rem;
	}
	
	.ei_menumobil .ei_menu__nav>ul>li>.e_smenu {
		padding: 1rem 0 0 0;
	}


	.enrichi.deux-colonnes ul li:nth-child(9) .titre {
		font-size: 1rem;
	}

	li.menu-solutions.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
		padding: 8px 16px;
		background-color: #e1e6fc;
	}

	/*TB*/
	li.menu-es.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
		padding: 8px 16px;
		background-color: #e1e6fc;
	}

	li.menu-er.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
		padding: 8px 16px;
		background-color: #e1e6fc;
	}


	.enrichi.deux-colonnes ul:before {
		display:none !important
	}
	
	.enrichi.deux-colonnes ul li .picto.une:before {
		background-image: url("/fr/images/entreprises/pictos/startup.svg");
		height: 40%;
		width: 40%;
		left: 85%;
	}

	.horizontal.tile {
		flex-wrap: wrap;
	}
	
	.glass .tile .horizontal figure {
		margin:1rem auto;
		width:110px;
		height:110px;
	}
	
	.glass .tile .horizontal img {
		height: 110px;
		width:190px;
		max-width:190px;
	}
	
	.glass .tile .horizontal {
		flex-wrap:wrap
	}
	
	.glass.flex.nw {
		flex-wrap:wrap
	}
	
	.glass .tile:last-of-type {
		margin: 1rem
	}
	
	.glass .tile .horizontal .fleche {
		width:30%
	}
	
	.glass .tile .horizontal .infos {
		padding-right:0
	}
	

	.tile.horizontal .infos {
		min-height: auto;
	}
	
	#ei_tpl_fullsite header.configurateur p.h1 {
		font-size:32px;
		font-size: 2rem;
		line-height: 1;
	}
	
	#module_espace_switch .row {
		margin-top:.5rem;
	}

	#teaser-dispositif .secondary {
		margin-left: 0;
	}

	#formulaire_contact > div:first-of-type, #formulaire_contact > div:last-of-type {
		width:100%;
	}
	
	#formulaire_contact > div {
		width: 100% !important;
	}

	.ei_menu__content .ei_menu__nav > ul > li.cta {
		margin-left:0;
		margin-top: 1rem;
	}

	#formulaire_contact > div:first-of-type {
		height:200px;
		order: 0;
		overflow:hidden;
	}

	#formulaire_contact #visuel_contact:before {
		background-size: 50%;
		width: 350px;
		height: 664px;
		position: absolute;
	}

	#services {
		padding: 0rem 0 7rem 0;
	}	

	.ctxt-home p.section-intro {
		padding:1rem
	}

	#chiffres .key-figure .col_1_2:first-of-type p strong {
		font-size: 3em;
	}

	#services > div:after {
		content: "";
		height: 300px;
		width: 300px;
		bottom: -142px;
		right: -46px;
	}

	#services .row.service .col_1_3 {
		height: 400px;
		width: 100%;
		background-position:top center
	}
	
	#services .row.service .col_2_3 {
		width: 100%;
	}

	.ent .horizontal {
		flex-wrap: wrap;
	}

	.body.flex .banniere.tile.horizontal figure img {
		width: 100%;
		position: relative;
		display:block;
		transform:none;
		left:auto;
		top:auto;
	}
	
	.tile.horizontal.svg figure img {
		width:60%
	}
	
	.horizontal.tile figure {
		padding-top: 0;
	}

	#services .row.service .col_1_3 {
		display:none;
	}

	.ent .tile.horizontal .banner {
		padding: 1.25rem;
	}

	.ei_newlb.ei_blocmodal_env .ei_blocmodal {
		padding: 1.5rem;
	}

	.ei_buttonbar {
		flex-wrap:nowrap
	}

	.ei_footer__links ul li ul li {
		width:100%;
		display:inline-block
	}

	.filters .flex {
		flex-wrap: wrap;
	}		

	.filters h3 {
		margin:.5rem 0
	}

	header.hero h1 {
		font-size: 2rem;
	}
	.body.flex aside .banniere.tile.horizontal figure img {
		width: 100%;
	}
	
}

@media screen and (max-width: 26.25em) {
	
	
	
.tile.horizontal.svg figure img {
    width: 50%;
}

.horizontal.svg figure {
    padding-top: 2rem;
}

	.key-figure>div>div p strong {
		font-size:2rem;
	}

	.tag {
		display:block
	}		

	.ei_footer__info p {
		padding:0;
		margin:0
	}	

	ol.styled.flex li {
		padding: 2.5rem 1.25rem 2.5rem 4.25rem;
	}

	.ei_footer__socials .ei_footer__socials_content	{
		flex-wrap:wrap;
		width:100%
	}

	.ei_footer__socials .ei_footer__socials_list {
		width:100%;
		padding: 24px 0;
	}

	.hero.ctxt_page h1, #ei_tpl_fullsite .hero.ctxt_page p.h1 {
		font-size:2.3rem
	}	

	h2, .ctxt-home h2, .home_promo h2 {
		font-size:2rem
	}

	#uf-style, #uf-category {
		width: 100% !important;
		padding: 0 !important;
	}
	
	aside.sticky .btn, aside btn {
		width:auto;
	}
}

@media screen and (max-width: 22.5em) {

	#module_espace_switch .switch.row > div, #menu-teaser-fiche .fiche img {
		width: 100%;
	}
	.ctxt_page_ent.v2 p {
		padding:0 2rem 2rem 2rem;
	}

	.sva {
		font-size: 0.55em;
		font-weight: bold;
		line-height: 1;	  
	}

	.sva > :first-child {
		font-size: 2em;
		line-height: 1.8;
		width: 57%;
	}
	.sva > :last-child {
		font-size: 1.1em;
	}

	.ei_buttonbar {
		flex-wrap:wrap
	}

	.ei_newlb .ei_buttonbar .ei_mainbuttons, .ei_newlb .ei_buttonbar .ei_button {
		width:100%
	}

	#cookieLB.a_blocappli .blocboutons .ei_mainbuttons {
		margin-left: 0;
	}

	.body.actualite .content-type {
		position:relative;
		width:50%;
		text-align:center;
		right:0
	}

	.ei_menu__links .more:after {
		right:0;
	}

	.ei_menu__links .more {
		padding-right:1rem
	}

	.ei_menumobil .ei_header .ei_env_btn {
		padding: 1rem
	}

	.ei_gly_securite:before {
		left: -5px;
	}

	.ei_header__logo {
		padding-left: 43px;
	}
}