/*==---- Fonts ----==*/
/*==---- Cookies ----==*/
/*==---- Icones ----==*/
/*==---- Menu ----==*/
/*==---- Simulateurs ----==*/
/*==---- 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 ----==*/



/* #ei-chat-main h2:before {
	display:none !important;
}

#ei-chat-main h2 {
	padding-left:0
} */



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

	@font-face {
		font-family:'fts_commun';src:url('/fr/fonts/fts_commun.eot');src:url('/fr/fonts/fts_commun.eot?#iefix') format('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-face {
		font-family: ico-es;
		src: url(/fr/fonts/ico-es.eot?sad15u);
		src: url(/fr/fonts/ico-es.eot?sad15u#iefix) format('embedded-opentype'), url(/fr/fonts/ico-es.ttf?sad15u) format('truetype'), url(/fr/fonts/ico-es.woff?sad15u) format('woff'), url(/fr/fonts/ico-es.svg?sad15u#ico-es) format('svg');
		font-weight: 400;
		font-style: normal
	}
	
	@font-face {
		font-family:Material Icons;
		src: url('/fr/fonts/MaterialIcons-Regular.woff2') format('woff2');
		font-weight:normal;
		font-style:normal;
		font-display:block;
	}

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

	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;
		border-radius:20px;
	}

	.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: 25px !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: #002d61;
	    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:#002d61 !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;
	}

/*==---- Menu ----==*/
	
	.ei_menu__nav>ul>li {
		position: relative;
		margin-bottom: .6rem;
	}
	
	.ei_menumobil .ei_menu__content {
		padding: 0 16px 16px 16px;
	}
	
/*** Sous-menu stylisés ***/

/*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: 4rem !important; 
}


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


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%
}

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

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

.menu-services.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: 10px;
    text-align: center;
	pointer-events: none;
	width:100%
}

.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: .1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index:3
}
.enrichi 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;
}

.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: 0;
}

li.e_dropdown.deux-colonnes ul li.e_select:not(.e_column)>a:before {
    font-family: fts_picto;
    content: "\F0034";
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.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%;
}
.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.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");
}
.enrichi ul li .picto.modifier-placements:before, .pseudo-menu .modifier-placements:before {
	background-image:url("/fr/entreprises/nos-services/visuels/agregateur.svg");
}
.enrichi ul li .picto.verser:before, .pseudo-menu .picto.verser:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/abondement.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");
}


.pseudo-menu .picto.cet.simple:before {
	background-image:url("/fr/entreprises/epargne-salariale/visuels/cet-simple.svg");
}
.pseudo-menu .picto.suivi-evolution:before {
	background-image:url("/fr/entreprises/nos-services/visuels/fonds-simple.svg");
}
.pseudo-menu .modifier-placements.simple:before {
	background-image:url("/fr/entreprises/nos-services/visuels/agregateur-simple.svg");
}

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

.pseudo-menu .picto.precaution.simple:before {
	background-image:url("/fr/epargnants/concretisez-vos-projets/visuels/precaution-simple.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: .7rem .7rem .7rem 4rem;
}

li.e_dropdown.deux-colonnes ul li.une.e_select:not(.e_column)>a:before {
	left:2rem
}

/*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) .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(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: .6875rem;
    line-height: 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: 1rem 4rem 1rem 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: 1rem 4rem 1rem 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: 1rem 4rem 1rem 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.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 ul li.e_select:not(.e_column)>a:before {
    font-family: fts_picto;
    content: "\F0034";
    color: #e63812;
    position: absolute;
    left:-15px !important;
	top:50%;
	transform:translateY(-50%);
    font-size: 20px;
}

.enrichi li span {
	display:block;
}

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


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

.ei_contener ul.pseudo-menu {
	padding-left:0;
}
ul.pseudo-menu li {
    list-style: none;
	padding-left:5rem;
		border-radius:0;
		background:#f3f3f3;
	border:1px solid #f3f3f3;
	transition: all 150ms ease-out;
}

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


ul.pseudo-menu li a {
	display:block;
	padding-top:1.2rem;
	padding-bottom:1rem;
}


ul.pseudo-menu li.inactif {
	opacity:1;
	pointer-events: none;
	border:1px solid #002d61;
	background:#002d61;
	animation: 200ms linear 100ms 1 slidein;
	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(10%); }
  75%  { transform: translateX(9%); }
  100%  { transform: translateX(8%); }
}

.body.flex .section-intro {
	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;
	list-style:none;
	border-radius:1rem;
}

.internal-nav.pseudo-menu li:before {
	display:none
}

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

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

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

.pseudo-menu li .titre {
	font-size:1rem;
    color: #002d61;
    line-height: 1;
    margin-bottom: .2rem;
	padding-right:1rem;
}

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


#profitez .pseudo-menu li .titre {
	    color: #002d61;
}

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

	li.e_dropdown .e_smenu ul li {
		padding:0
	}
	
	li.e_dropdown .e_smenu ul li a {
		padding:8px 16px;
	}
	
	li.e_dropdown .e_smenu ul li.e_focus>a, li.e_dropdown .e_smenu ul li:hover>a {
		color: #004797;
	}

	.ei_header__links {
		flex-direction: column;
		justify-content: center;
		align-items:left
	}

	.ei_menu__nav > ul > li.home > a {
		position:relative;
		padding-left: 32px;
	}
	
	/*li.home a:before {
		display:none;
	}*/
	
	li.home.e_select a:before {
    left: 40% !important;
	}
	
	
	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 {
		position:relative;
		left:0px;
		margin-top: 10px;
	}

	.ei_header__nav, .ei_header__content {
		    max-width: 74.375rem;
	}
	
	.ei_ident .ei_header {
		border-bottom: 1px solid #f3f3f3;
	}
	
	.ei_header {
		padding: 0
	}

/*==---- Simulateurs ----==*/

	.body.actualite.simulateur > section:first-of-type {
		padding: 2rem;
		min-height:150px;
	}

	.body.actualite.simulateur header .more {
		margin-bottom: .5rem;
	}
	
	.simu .more {
    padding-left: 1.5rem;
    color: #fff;
    margin: 1rem 0;
    display: block;
}
	.simu .img:before, .simu .more:after, .body.actualite.quiz header .more {
		display:none;
	}
	
	.simul, .iframe-container {
		position:relative;
		top:-110px
	}
	
	header.hero.simu {
		min-height:20rem
	}
		
	header.hero.simu .banner {
	display: flex;
	/* align-items: flex-start; */
	justify-content: center;
	flex-direction: column;
}

.hero .banner > div {
    z-index: 1;
    width: 100%;
}
	
		
	.simu .more:before {
		font-family: fts_commun;
		content: "\EA35";
		position: absolute;
		text-decoration: none;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%) rotateY(-180deg);
		transform: translateY(-50%) rotateY(-180deg);
		padding-left: 0.3125rem;
	}

	.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;
	}
	
	#quiz .answers li:before {
		display:none;
	}

	.simulateurs .tile {
		background:#fff	
	}

	.simulateurs {
		overflow:hidden;
		position:relative
	}

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

	.body.actualite .simul, .iframe-container {
		background: #fff;
		padding: 2rem !important;
		border-radius: 30px;
		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: 1080px;
		margin: 0 auto;
	}

	.simul-result {
		background:#f3f3f3
	}

	.iframe-container {
		padding:0 !important;
		background:#EDEDED;
	}
	
	
/*==---- Homepage ----==*/


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

.decale .offre_titre h2 {
	color:#fff;
	padding-left:0
}

.decale .offre_titre h2:before {
	display:none
}

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


.applat:after {
    position: absolute;
    top: -3rem;
    left: -62.5rem;
    z-index: -1;
    width: 68rem;
    height: 130%;
    content: "";
    background-color: #003192;
    border-radius: 0rem 1rem 5rem 0rem;
    box-shadow: none;
}
.applat, .applat2, .carre, .carre2, .applat3 {
	position:relative;
}


.applat2:after {
    position: absolute;
    top: 4rem;
    left: calc(100% - 450px);
    z-index: -1;
    width: 62.5rem;
    height: 100%;
    content: "";
    background-color: #003192;
    border-radius: 1rem 0rem 0rem 5rem;
    box-shadow: 0 0 118px 0 rgba(29,29,31,.08);
}

.applat3:after {
    position: absolute;
    top: -8rem;
    left: calc(100% - 600px);
    z-index: -1;
    width: 62.5rem;
    height: 140%;
    content: "";
    background-color: #f7f8fa;
    border-radius: 1rem 0rem 0rem 5rem;
}



.carre:before {
    position: absolute;
    top: -50px;
    right: -50px;
    z-index: 0;
    width: 120px;
    height: 120px;
    content: "";
    background-color: #d4221d;
    border-radius: 1rem;
    box-shadow: 0 0 118px 0 rgba(29,29,31,.08);
}

.carre2:before {
    position: absolute;
    top: -50px;
    left: -50px;
    z-index:0;
    width: 120px;
    height: 120px;
    content: "";
    background-color: #d4221d;
    border-radius: 1rem;
    box-shadow: 0 0 118px 0 rgba(29,29,31,.08);
}

header.hero.part {
    padding: 3rem 0 3rem 0;
	background:transparent;
}

.hero.part .tile.horizontal figure img {
    width: auto;
    max-width: 100%;
    transform: none;
    position: relative;
    left: auto;
    top: auto;
	height:100%;
    object-fit: cover;
}

.hero.part h2 {
    color: #444;
    font-size: 1.3rem !important;
    line-height: 1;
    margin-bottom: 1rem;
}

.hero.part .col_1_3 p {
	color:#444
}

/* .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; */
/* } */

.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: #002d61;
}

.hero.home article h2, .home article h2 {
	color:#444
}

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

#articles .tile .actions, .tile.aes .actions {
	padding:0
}
#articles #mainDiv:hover {
    top: -5px;
}

#articles .tile:hover {
	/* top: -30px; */
	box-shadow: 0 4px 22px -1px rgba(22, 42, 90, 0.20);
}
#articles #mainDiv {
    transition: all .25s ease-in-out;
    top: 0;
}

#articles img {
    transition: all .3s ease-in-out !important;
}

#articles .tile {
	transition: all 0.25s ease;
	/* top: -25px; */
	position:relative;
	overflow:visible;
	padding-bottom:0;
	margin-bottom:0
}

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

#articles .banniere img {
	width:70%
}


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

#articles .tile {
	background:#004494;
	color:#fff
}

#articles .tile h2 {
	font-size: 1.8rem;
	min-height:2rem;
	margin-bottom:0;
	line-height:1;
	color:#fff
}

#articles figure {
	overflow:visible
}

#pilotez .actions {
    margin-top: 2rem;
    bottom: 0;
    width: 100%;
    /* margin: 0 auto; */
    /* left: -4rem; */
    position: relative;
}

/* #pilotez img { */
    /* width: 110% !important; */
	/* border-radius:20px; */
/* } */
/* } */

#chiffres img, #pilotez img {
    height: 100%;
    object-fit: cover;
}

#chiffres img {
	border-radius:20px;
}

 #chiffres .chiffres {
	border-radius:0 20px 20px 0;
}

#pilotez .col_2_3 {
    height: 560px;
}

#pilotez .internal-nav.pseudo-menu li {
    width: 100%;
}

#pilotez .pseudo-menu li:first-child {
	border-radius: 1rem 1rem 1rem 5rem;
}
#pilotez .pseudo-menu li:last-child {
	border-radius: 1rem 5rem 1rem 1rem;
}

#pilotez .tile__projet__arrow [class^=icon_] {
    width: 24px;
    height: 24px;
	top:-2rem;
	position:relative;
}
.icon_arrow::before {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
	background-color: #444;
    transition: all .12s;
    mask: url("https://cdnwmsi.e-i.com/SITW/wm/global/1.0.0/af/assets/icones/arrow_right.svg") no-repeat center/cover;
}

#outils .banner {
	padding-bottom:1rem;
}

.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;
	margin-left:1rem;
}

.tuile:first-of-type {
	border:none;
	margin-left:0
}

.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 {
	
} 

/* #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;
}


.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; */
	border-radius:20px;
	background-repeat:no-repeat !important;
	/* background-size: auto 100% !important; */
    /* --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;
	box-shadow: 0 0 17px 0 rgba(29, 29, 31, .08);
}

#outils .tile .infos {
	min-height:auto
}

.tuile:after {
    background: #062F65;
    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 1rem;
}

#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: linear-gradient(-31deg, #003f87, #002d61); */
}

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

/* .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.2;
}



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



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

#projets .tuile h3 {
	/* font-size:1.5em; */
	line-height:1.2;
	margin-bottom:1rem
}

#tuile1 {
	
	background: url(/fr/images/epargnants/hp/imprevus.jpg);
	/* 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)); */
}
.ent #tuile1 {
	background: url(/fr/images/entreprises/hp/tpe.jpg);	
}
#tuile2 {
	background: url(/fr/images/epargnants/hp/projets-immobiliers.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)); */
}
.ent #tuile2 {
	background: url(/fr/images/entreprises/hp/pme.jpg);	
}
#tuile3 {
	
	background: url(/fr/images/epargnants/hp/retraite.jpg);
	/* 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)); */
}
.ent #tuile3 {
	background: url(/fr/images/entreprises/hp/eti.jpg);	
}
#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)); */

}
.ent #tuile4 {
	background: url(/fr/images/entreprises/hp/ge.jpg);	
}

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


	.ctxt-home h2, .home_promo h2 {
		text-align:center;
		font-size: 42px;
		font-size: 2.5rem;
		line-height: 1;
		margin: 15px 0 30px;
		margin: 0.9375rem 0 2rem;
	}
	
	.ctxt-home .home_promo {
		background:transparent;
	}
	
	.home_promo .banner h3 {
		margin-bottom:0;
	}
	
	
#isr {
    overflow: hidden;
    /* padding: 5rem 0 !important; */
}

#isr h2 {
    margin-bottom: 4rem;
}
	
	#isr > div {
    /* padding: 0 !important; */
	position:relative;
}

/* #isr .col_1_3 { */
    /* height: 350px; */
    /* overflow: hidden; */
    /* padding: 0; */
/* } */


#isr .decale .offre_titre {
    background:#8BE78B80 url('/fr/entreprises/offre-financiere/isr/nos-fonds/fonds.svg') !important
}

#isr .decale h2 {
	color:#002d61;
}


#isr > div .chiffres:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 860px);
    z-index: -1;
    width: 102.5rem;
    height: calc(100% + 80px);
    border-radius: 20px 0 0 20px;
    transform: translateY(-50%);
   /* background: #8BE78B80 url('/fr/entreprises/offre-financiere/isr/nos-fonds/fonds.svg') !important; */
     background: #A2ECA2
}

/* #isr > div:before { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: -5rem; */
    /* z-index: -1; */
    /* width: 200px; */
    /* height: 200px; */
    /* transform: translateY(-50%); */
   /* background: transparent url('/fr/images/entreprises/pictos/isr2.svg') !important; */
/* } */

/* #isr .col_1_3 { */
	/* border-radius:20px; */
	/* box-shadow: 0 0 32px 0 rgba(14,35,94,.15); */
/* } */

#isr .col_1_3 img {
	object-fit:contain;
	width:90%
}

#reassurance .chiffre, .tile.projets .chiffre {
    padding: 2rem;
    font-size: 4rem;
    color: #fff;
    background: #24378d;
    font-weight: bold;
    overflow: hidden;
}

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

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

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

#reassurance .tile {
	border-radius: 1rem 1rem 1rem 5rem;
}


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


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

.video-section {
    height: 100%;
}

#myVideo {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
#playB, #pauseB {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 3rem;
    position: absolute;
    background: transparent;
    border: none;
    cursor: pointer;
    bottom: 1rem;
}

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


#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;
}

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


.btnSlider.btn {
    margin: 5px;
    cursor: pointer;
}

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

	.blocmodal {
		display: none;
		z-index: 99999;
		position: fixed;
		top: 50%;
		left: 45%;
		padding:2rem;
		max-height: calc(100% - 200px);
		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;
	}

	.js-modal:focus,
	.js-modal:hover,
	.js-modal:active {
		border-color: #0D192F;
		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;
		border-radius: 15px;
	}


	#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; */
/* } */

.body.flex aside .banniere {
	margin-top:3rem;
}

.banniere h2 {
	margin:0;
}

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

h2.etape:before {
	display:none
}

h2.etape .chiffre {
    position: absolute;
    padding: .5rem 1.7rem;
    font-weight: bold;
	border-radius:50%;
    transform:translateY(-50%);
	top:50%;
	left:0;
    /* border-radius: 50%; */
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 19%);
    height: 60px;
    width: 60px;
	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
}

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

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

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

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;
	color:#444
}

.tile.banniere.horizontal .banner {
    padding: 1.8rem;
}

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

.body.flex .banniere.tile.horizontal figure img {
    max-width: 200%;
}

.body.flex .banniere.tile.horizontal h2, .banniere.tile.horizontal h2, .tiers.horizontal h2 {
	font-size:1.75em;
	padding-left:0;
}

.body.flex .banniere {
	margin-top:0
}


/***/

#ei_tpl_fullsite .ei_contener .mt_1, #ei_tpl_fullsite .ei_contener .mt2, .mt1 {
	margin-top:1em;
}


#ei_tpl_fullsite .ei_contener .mt_2, #ei_tpl_fullsite .ei_contener .mt2, .mt2 {
	margin-top:2rem;
}

#ei_tpl_fullsite .ei_contener .mt_4, #ei_tpl_fullsite .ei_contener .mt4, .mt4 {
	margin-top:4rem;
}

#ei_tpl_fullsite .ei_contener .pt_0, #ei_tpl_fullsite .ei_contener .pt0, .pt0 {
	padding-top:0;
}

#ei_tpl_fullsite .ei_contener .pt_2, #ei_tpl_fullsite .ei_contener .pt2, .pt2 {
	padding-top:2rem;
}

#ei_tpl_fullsite .ei_contener .pt_4, #ei_tpl_fullsite .ei_contener .pt4, .pt4 {
	padding-top:4rem;
}

#ei_tpl_fullsite .ei_contener .mb_2, #ei_tpl_fullsite .ei_contener .mb2, .mb2 {
	margin-bottom:2rem
}

#ei_tpl_fullsite .ei_contener .mb_4, #ei_tpl_fullsite .ei_contener .mb4, .mb4 {
	margin-bottom:4rem;
}

#ei_tpl_fullsite .ei_contener .mb_8, #ei_tpl_fullsite .ei_contener .mb8, .mb8 {
	margin-bottom:8rem;
}

#ei_tpl_fullsite .ei_contener .mb10, .mb10 {
	margin-bottom:10rem !important
}

#ei_tpl_fullsite .ei_contener .pb_2, #ei_tpl_fullsite .ei_contener .pb2, .pb2 {
	padding-bottom:2rem;
}

#ei_tpl_fullsite .ei_contener .pb_4, #ei_tpl_fullsite .ei_contener .pb4, .pb4 {
	padding-bottom:4rem;
}

#ei_tpl_fullsite .ei_contener .npt {
	padding-top:0
}

#ei_tpl_fullsite .ei_contener .pb0 {
    padding-bottom: 0
}

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


#projets .tile.projets figure img {
  width: 30%;
  padding-top:1rem;
    margin: 0 auto;
}

#projets .tile .banner .infos {
    min-height: 50px;
}

.ei_header__logo {
	position:relative;
}

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

/*.body.actualite section:first-of-type {
    padding: 0 !important;
}*/

.tile, #videos-services li, .guides article a {
    z-index: 2 !important;
}

#projets .tile .banner {
	padding:0 1.875rem 1.875rem 1.875rem 	
}

	.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.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
}

	
	.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_tpl_fullsite p.h1 {
		font-size:3.25rem;
		margin-top:0;
		color:#fff;
		line-height: 1.2;
		font-weight:700		
	}


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

	.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, .nopuce:before {
		display:none;
	}
	
	[class*=ei_gly_]:before, [class^=ei_gly_]:before {
		font-size:1.3rem;
		line-height:0
	}
	
	.ei_header__content .btn .ei_gly_securite {
		width: 26px;
		display: inline-block;
	}

	.ei_header__links .ei_env_btn {
		font-size:0.8rem
	}
	
	.ei_header .ei_header__content .btn {
	padding:.5rem 1rem 0.5rem 1rem
	}

	.ei_menu__nav>ul>li>.e_smenu {
		left:-15px !important
	}
	
	.ei_menu__nav>ul>li.menu-services>.e_smenu, .ei_menu__nav>ul>li.menu-solutions>.e_smenu{
		left: -140px !important;
	}
	
	 .ei_menu__nav>ul>li.menu-outils>.e_smenu {
		left: -180px !important;
	}
	
	
	.ei_menu__nav>ul>li.e_dropdown_open:before {
		left:45% !important; 
		display:block
	}
	
	.nopuce h2, .ctxt-home h2, .home_promo h2, .nopuce {
		padding-left:0;
	}

	.arrondi {
		border-radius:15px;
		overflow:hidden;
	}
		
	figure img, figure.illu img, header.intro.hero li.hero figure.illu img {
		transition:left 0.3s ease-in-out !important;
	}


	.illu.anime img {
		right:auto !important;
	}


	.ei_ident .ei_footer__content {
		max-width: 1190px
	}
	
	.ei_ident .ei_menu__nav li > a:hover{
		background-color:#e1efff
	}

	.ei_header__links .ei_env_btn {
		min-width: 110px;
		padding: 11px 24px;
	}
	
	.content-content a {
		word-break: break-word;
	}

	.w70 {width:70%}
	
	.w80 {width:80%}

	.w90 {width:90%}
	
	.w100 {width:100%}
	
	.p0 {
		padding:0 !important
	}

	.mt0 {
		margin-top:0 !important
	}
	
	.mt5 {
		margin-top:5rem !important
	}
	
	.mb0 {
		margin-bottom:0 !important
	}

	.mention-credit p {
		margin-bottom:0
	}

	.no-shadow .tile {
		box-shadow:none
	}

	.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: 2rem;
		margin: 2.5rem 0;
	}

	.ei_contener ul li {
		list-style:none;
		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: #002d61;
		font-size: 52px;
		font-size: 3rem;
		line-height: 1;
	}
	
	
	.h2, h2 {
		color: #002d61;
		font-size: 2rem;
		line-height: 2.25rem;	
		margin: 0 0 1.875rem;
		position: relative;
		text-align:left;
		padding-left:35px;
	}
	
	.body.flex article h2, .body.ent article h2, .body .flex.inverse article h2 {
		padding-top: 3rem;
	}
	
	.body .flex article .encart h2 {
		padding-top:0;
	}
	
	.body.ent section.autres-dispositifs h2 {
		padding-top:0;
		margin-top:0;
		margin-bottom:0
	}
	
	article .faq-rebond {
		padding-top:4rem;
	}
	

	.h2:before , h2:before {
		content: "";
		background: #E2001A;
		display: block;
		height: 4px;
		width: 30px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.ei-ircc-chat-content h2:before, .ei_slide .ei_ircc__assistant h2:before { 
		display:none;
	}
	
	h2.h3, .ei_slide .ei_ircc__assistant h2 {
		padding-left:0
	}

	.tile h3, h3, .h3 {
		color: #002d61;
		margin: 0;
		font-size: 1.25rem;
    width: 100%;
    padding-bottom: .5rem;
	}
	
	h3 {
		margin-bottom:1.4rem;
		padding-bottom:0
	}
	

	p {
		font-size:0.9375rem;
		line-height: 1.75em;
		margin-bottom: 1.25rem;
		margin-top: 1.25rem;
	}

	.home_promo {
		padding:5.3125rem 0;
		background:#FAFBFD
	}
	
	#actu-nav {
		padding:0
	}

	section > div {
		padding: 1.875rem 0;
		margin: 0 auto;
		max-width: 1190px;
	}
	
	section.solutions > .row {
		padding:0
	}

	.section-intro {
		font-size: 1.176rem;
		line-height: 1.5;
		padding:0 0 3rem 0;
		margin-bottom:0;
		margin-top:0;
		margin:0 auto;
	}
	
	.ctxt-home .section-intro {
		text-align:center;
		width:70%;
	}
	
	.tile .infos {
		min-height:125px;
	}
	
	#retrait .actions {
		margin-top:0
	}
	
	#epargne .encart {
		background: #FAFBFD;
	}
	
	#retrait .section-intro {
		text-align:left;
		width:100%
	}

	/*section > div:first-child {
		padding: 0;
	}*/

	section > div:first-child video {
		margin-top: 0
	}
	
	/*.body.ent h2:first-of-type {
    margin-top: 0;
    padding-top: 0;
}*/

	.body .mention-credit, .body > section.mention-credit {
		background: #F6EF6D;
		padding: 1.5rem;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.body.flex {
		padding: 40px 0;
		padding: 2.5rem 0;
		margin: 0 auto;
		max-width: 74.375em;
	}

	.flex {
		display: flex;
		flex-wrap: wrap;
		clear: both;
	}
	
	
	.flex.jc {
		justify-content: center;
	}

	.flex.tresto {
		flex-direction:row;
		flex-wrap:nowrap;
		align-items: stretch;
	}

	ol.styled .col_1_2:nth-child(1) {
		padding: 2.5rem 1.25rem 2.5rem 6.25rem;
	}
	
	.key-figure .col_1_2:nth-child(1) {
		padding-left: auto;
		padding: 0.9375rem;
	}
	
	.col_1 {
		width: 8.333%;
	}
	
	.col_11 {
		width: 91.666%;
	}

	.col_1_4 {
		width:25%;
	}
	
	.col_1_3 {
		width:33%;
		margin: 0;
		position: relative;
		padding: 1.1rem;
	}
	
	.col_2_3 {
		width:67%;
	}

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

	.col_3_4 {
		width:75%;
	}

	.col_1_3, .col_1_4, .col_2_3, .hero .banner.col_2_3, .content-content.col_12, .col_1_2, .hero .banner.col_1_2, .col_3_4 {
		margin: 0;
		position: relative;
		padding: 0.9375rem;
	}
	
	.content-content.col_12 {
		width: 100%;
		margin: 0 auto;
	}
	
	.col_12 {
		width:100%;
		margin: 0 auto;
	}
	
	.row {
		flex-wrap:wrap; 
		display:flex;
		margin:0 auto;
	}

	aside.sticky {
		width: 30%;
		font-size:0.875rem
	}

	aside #colonne-actu h2:before {
		content:"\e867";
		color: #002d61;
		display: inline-block;
		font-family: 'Material Icons';
		font-size: 24px;
		background:none;
		height:24px;
		width:24px;
		font-weight: 400;
		left: 0;
		line-height: 1;
		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%;
			font-size: .8rem;
			opacity: 1;
			line-height: 1.8;
			text-align: center;
			top:0
	}

	aside.sticky #colonne-actu, aside #colonne-actu {
		padding-top: .55rem;
		position: relative;
	}

	#colonne-actu h3, #colonne-actu h4 {
		color:#444 !important
	}
	
	#colonne-actu h3 {
		font-size: 1rem;
		font-weight: 500;
	}
	
	.body.actualite>section aside h2 {
		padding-left: 2rem;
		position: relative;
		margin: 0.5rem 0 0.625rem 0;
		font-size: 1.25rem;
		line-height: 1.3;
	}

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

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

	.body aside.sticky > div {
		padding: 0;
		position: sticky;
		padding-right: 4rem;
		top: 9rem;
	}
	
	aside.sticky h3 {
		line-height: 1;
		font-weight: normal;
	}
		
	.body > section {
    padding: 3rem 0;
}

.ctxt-home section {
	padding: 3rem 0
}

section.footer {
    padding: 0;
}

	aside+div {
		width: 70%;
		margin-top: 0;
		padding-left: 3rem;
		padding-bottom:3rem
	}
	
	aside + section .col_1_3 div {
    padding: 1rem;
	height:100%
}
	
	.ei_contener aside+section {
		width: 70%;
		margin-top: 0;
		padding-top:0;
		padding-left: 3rem;
		padding-bottom:3rem
	}
	
	aside+section h3 {
		padding-top:1rem
	}
	
	aside+section h2 {
		padding-top:0;
		margin-top:0
	}
	
	.videoContainer {
		margin-bottom:2rem
	}

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

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

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

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

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

	.ei_contener ol>li, .ei_contener 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 {
		background: rgba(0,68,148,0.05);
	}

	section.bg2 {
		background: rgba(0,68,148,0.02);
	}
	
	section.bg3 {
		background: #2a3e91;
	}
	
	.bg3 ul {
		width: 100%;
	}
	
	.bg3 ul li.encart {
		background: rgb(169 198 232 / 9%);
		list-style: none;
		padding: 1rem;
		width: 100%;
	}
	
	.bg3 ul li.encart .picto:before {
		font-size: 2rem;
		margin-right: 1rem;
	}
		
	section.bg5 {
		background: #25378d;
	}
	
	section.bg3>div p, section.bg3 span, section.bg4 p, section.bg3 h2, section.bg4 h2, section.bg5 h2, section.bg5 p {
		color: #fff;
	}
	
	.out.bottom {
		transform: translateX(-50%);
		left: 50%;
		bottom: 0;
		top: auto;
	}
	
	.hero.bottom .col_1_3 {
		display: flex;
		align-items: end;
	}
		
	.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;
	}

	
	.out, .hero img.out {
		position: absolute;
		transform: translate(-50%,-50%);
		left: 50%;
		top: 40%;
	}
	
	ol.styled li:before {
		padding: 5rem 1.875rem 1.875rem 5rem;
		position: absolute;
		left: -0.625rem;
		top: -3.4375rem;
		font-size: 2.1875rem;
		line-height:1;
	}
	
	ol.styled {
		display: flex;
		flex-wrap: wrap;
		padding-left: 0;
	}

	ol.styled li {
		overflow:hidden;
		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: initial;
	}

	header ul.styled li {
		width:100%
	}

	div.hero, li.hero {
		display: flex;
		flex-direction: row;
		padding: 0;
		align-items:center;
	}

	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;
	}
	
	header.hero.segment_header {
		padding: 3.5rem;
		min-height: auto;
	}

	.encart {
		padding: 2.25rem 2.5rem 2.5rem;
		background: rgba(0,68,148,0.05);
		border-radius: 10px;
	}
	
	.encart h2 {
		padding-left:0
	}

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

	.encart figure {
		text-align:center
	}

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

	.encart.hero > figure+div {
		width: 70%;
		padding: 30px;
		padding: 0rem 1.875rem 0rem 0;
	}
	
	
.encart.illustre {
    padding: 1.6rem 2.5rem 1.6rem 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 22px 0 rgba(22, 42, 90, 0.12);
	margin-right:0.9375rem
}

.encart.illustre .illustration {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -3rem;
    background: #002d61;
    width: 100px;
    height: 100px;
	border-radius:15px;
}


.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;
	color:#25378D;
}

.encart.illustre.exemple span, .encart.illustre.savoir span, .encart.illustre.mot span, .encart.illustre.astuce span{
	color:#25378D;
	font-weight:bold;
}
	
	.disposer_visuel {
		height: auto;
		width: 100%;
		border-radius: 30px;
		-webkit-box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 10%);
		-moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 10%);
		display: inline-block;
		overflow: hidden;
	}
	
	
.hero.configurateur, .hero.part, .ei_contener header.home {
    padding: 5rem 0 5rem 0;
}
	
	.ei_contener .home {
    overflow: visible;
}

	.home .col_1_3 article {
    /* background: #4c49c7; */
    position: absolute;
    padding: 0 1rem;
    transform: translateY(-40%);
    overflow: visible;
	transition:all .3s ease;
    top: 50%;
}

.home .col_1_3 article:hover {
	top:20%;
}

.home .tile {
    /* background: #4c49c7; */
	background:#fff;
	padding:1rem
}

#chiffres .chiffres {
    background: #f7f8fa;
    padding: 3rem !important;
    margin: 2rem 0 !important;
    height: 480px;
}

#chiffres .flex.exergue {
    width: 100% !important;
}

#chiffres .col_2_3 .flex {
    width: 30%;
}


#chiffres div:nth-child(1) span:first-child {
    font-size: 2.5rem;
	line-height:1
}

#chiffres .flex span:first-of-type {
    /* font-size: 8rem; */
    font-weight: bold;
    padding: 0rem .375rem;
    margin: 0rem .25rem .25rem .25rem;
    /* background: #d4221d; */
    text-align: left;
	line-height:1.2
}



#chiffres div:nth-child(1) span:last-child {
	padding: 0rem .375rem;
	margin: 0rem .25rem .25rem .25rem;
	position:relative;
	/* background:#d4221d */
}

#chiffres div:nth-child(1) span:last-child:after {
	width:90%;
	height:10px;
	background:#d4221d;
	position:absolute;
	bottom:-1rem;
	content:"";
	display:block;
}

#chiffres div.exergue:nth-child(1) span:last-child:after {
display:none}

#chiffres .col_1_3 {
    height: 550px;
    /* overflow: hidden; */
}

#chiffres .col_1_3, #chiffres .col_2_3, #pilotez .col_1_2 {
    padding: 0;
    margin: 0;
}

#chiffres .exergue span:first-child {
    font-size: 6rem !important;
	    color: #fff;
	padding: 0rem .375rem;
	margin: 0rem .25rem .25rem .25rem;
	background:#d4221d
}

#chiffres .exergue div span:nth-child(1), #chiffres .exergue span:nth-child(2) {
    font-size: 2rem !important;
	padding: 0rem .375rem;
	    color: #fff;
	margin: 0rem .25rem .25rem .25rem;
	background:#d4221d
}

#chiffres .exergue div {
	width:100px;
	display:flex;
	flex-wrap:wrap;
}


#chiffres .col_1_3 img {
    object-fit: cover;
    box-shadow: 0 0 32px 0 rgba(14,35,94,.15);
}

#pilotez .actions {
    margin-top: 2rem;
    bottom: 0;
    width: 100%;
    /* margin: 0 auto; */
    /* left: -4rem; */
    position: relative;
}

#pilotez .visuel, #chiffres img {
    height: 400px;
    width: 100%;
	border-radius: 1rem 1rem 1rem 5rem;
	overflow:hidden;
}

#chiffres img, #pilotez img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.5);
}

#pilotez .pseudo-menu {
    position: relative;
    margin-bottom: 0;
    top: -7rem;
	margin:0 auto;
}

#pilotez .chiffres {
    background: transparent;
    padding: 0!important;
    margin: 0 !important;
    color: #fff;
}

#pilotez .pseudo-menu {
    flex-wrap:nowrap;
}

#pilotez .pseudo-menu .picto:before {
    transition: all .2s ease-in-out;
    height: 120px;
    width: 120px;
    /* top: 2rem; */
}

#pilotez  li:hover .picto:before {
    height: 140px;
    width: 140px;
}

#pilotez li:hover {
    top: -5px !important;
}

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

#pilotez .pseudo-menu li .titre {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    /* color: #fff; */
    margin-bottom: 1rem;
    top: -2rem;
    position: relative;
	padding-right:0;
	text-align:center;
}

#pilotez .internal-nav.pseudo-menu li {
    width: 100%;
    border: none;
    margin: 1rem 1rem 0 1rem;
	padding-left:0;
    position: relative;
    transition: all .2s ease-in-out;
    top: 0;
    flex: auto;
    /* background: linear-gradient(-31deg, #003f87, #002d61); */
	box-shadow: 0 0 30px 0 rgba(0,49,146,.06);
	background:#fff;
}

#pilotez .internal-nav.pseudo-menu li a {
    padding-bottom:0
}

#pilotez li a {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
	padding-left: 1rem;
	flex-direction:column;
    padding-right: 1rem;
    flex-wrap: wrap;
}


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

	.body.actualite {
		margin: 0 auto;
	}

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

	.body.actualite > section aside+div {
		max-width: 100%;
		width: 70%;
		padding-top:0;
		background:#FAFBFD;
		position:relative;
		margin-left:0
	}

	
	.body.actualite > .flex.inverse article {
		margin-right: 4rem;
	}
	
	.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 {
		padding-left: 2rem;
	}

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

	.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
		position: relative;
		padding: 0 1em 2rem 1rem;
		background: #fff;
		border-radius: 30px;
		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 {
		padding-left:0; 
	}
	
	.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.actualite > section aside h4 {
		font-weight:500
	}

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

	.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 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 {
		margin-top:4rem
	}
	
	.content-header {
		margin-bottom:2rem
	}

	.filters .flex {
		flex-wrap: nowrap;
	}
	
		.uf-filter-wrap {
    width: 100%;
}

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

	.content-type {
		color: #002d61;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 .5rem 0;
	}

	.body.actualite article .content-type {
		display: inline-block;
		text-align: right;
		line-height: 1.2;
		background: #e42832;
		color: #fff;
		text-align: center;
		font-size:.8rem;
		border-radius: 15px;
		padding:.5rem 1rem;
		right:5rem;
		width:auto;
		position:absolute;
	}

	.body.actualite > section > div {
		max-width:1180px;
		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, .fullw > .flex, .w70, .w80, .w90 {
		max-width:1190px;
		margin:0 auto
	}
	
	.content-content {
		width:100%;
		max-width:850px;  
		margin:0 auto
	}

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

	.page-rebound, .page-rebound.rebonds-actualites {
		padding:3rem 3rem 2rem 3rem;
		background: rgba(0,68,148,0.05);
	}
	
	.rebound-article.tile figure, .rebound-article.tile .banner {
	min-height:130px;
	}

	.rebound-article.tile h3 {
		font-size: .95rem;
	}
	
	 .page-rebound.rebonds-actualites h3 {
		 color:#444
	 }

	.entry .row, .page-rebound .row, .rebound-article a {
		display:flex;
	}
	
	.rebound-article .tile.hero figure {
		margin:0
	}
	
	.rebound-article a {
		text-decoration:none
	}
	
	.rebound-article .banner a, .rebonds-actualites article.rebound-article .content-type  {
		display:none
	}	
	
	.rebound-article .tile.hero .more {
		padding-left:1.2rem;
	}
	
	.rebound-article .tile h3 {
		text-decoration:none;
	}
	
	.rebound-article .tile.hero .more:after {
		left:0;
		transform: translateY(-50%) rotate(-180deg);
	}
	
	.body.actualite .content-type {
		text-align: right;
	}

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

	.entry h1 {
		line-height: 1;
		margin: 2rem 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;
	}

	.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:0;
		-webkit-transform: translateY(-50%) rotateY(-180deg);
		transform: translateY(-50%) rotateY(-180deg);
		padding-left: 0.3125rem;
	}

	.return .more:after {
		display:none
	}
	

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

	.ei_contener > header {
		padding: 2.5rem;
		margin: 0 auto;
		overflow: hidden;
		display:block;
	}


	header.hero {
		position: relative;
		padding: 0;
		/* background: linear-gradient(-31deg, #003f87, #002d61); */
		/*min-height:15.750em;*/
	}
	
	

	
	.fullw.hero {
		background: #FAFBFD;
	}

	header.hero > img {
		display:none
	}
	
	.hero .img {
		position: absolute;
		z-index: 0;
		opacity:0.05;
		top:0
	}
	
	.hero .img img {
		width:100%;
	}
	
	.hero img {
		display: block;
		max-width: 250px;
		height: auto;
		position: relative;
		margin: 0 auto;
	}

	.solo img, .anim img {
		display: block;
		max-width: 100%;
		height: auto;
		position:relative;
	}
	
	
	#ei_tpl_fullsite .hero.configurateur h1, #ei_tpl_fullsite .hero.configurateur .h1, #bandeau-configurateur h2 {
    /* color: #FFF0D1; */
}

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

.home p {
    margin-bottom: 0;
}

.entr .hero.home p {
    color: #444;
}

header.home h2 {
    padding: 0;
    margin-bottom: .5rem;
	font-size:1.7rem;
	line-height:1
}

	header.hero.configurateur {
		/* height:300px; */
		/* background:#2a3e91; */
		/* padding: 2rem 0 5rem 0; */
	}
	
	header.home.configurateur .banner {
			margin:0 auto
	}
		
	.hero.configurateur .col_1_2 p:first-child {
		margin:0; 
		color:#e8c21a;
		font-weight:bold;
	}
	
	/* header.hero.configurateur:before { */
    /* background: linear-gradient(91deg, #0043CB, #043ca5 ); */
    /* content: ""; */
    /* height: 100%; */
    /* width: 100%; */
    /* position: absolute; */
    /* top: 0; */
    /* z-index: 0; */
    /* left: 0; */
    /* opacity: .9; */
/* } */
	
	.hero .banner > p, .banner div p {
		margin:1rem 0 0 0;
		line-height:1.4;
	}
	
	 .tile .banner div p {
		margin:1rem 0 0 0;
		line-height:1.4;
		color:#444
	}


	.hero div.banner h1 {
		color: #fff;
	}
	
	.ent .hero.home {
		background: #fff;
	}
	
	.par .hero, .hero {
		background: linear-gradient(-31deg, #003f87, #002d61);
	}
	.entr .hero:not(.home) {
		background: #0043CB;
	}

	/*header.hero > .banner {
		position: absolute;
		top: 50%;
		left: 50%; 
		width: 100%;
		transform: translate(-50%, -50%); 
		text-align: left;
		color: #fff;
		margin: 0 auto;
		max-width: 1190px;
		z-index: 2;
	}*/
	
	header.hero > .banner, header.hero .banner , .segment_header .banner, .home .banner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    color: #fff;
	align-items:center;
	flex-direction:column;
    max-width: 1190px;
    min-height: 14em;
	/* width:100%; */
    /* margin: 3.5rem auto 3.5rem auto; */
    text-align: center;
	justify-content:center;
}

.hero .tile .banner, .home .tile .banner {
	min-height:auto;
}


.hero.isr .banner {
	padding:2rem 0
}

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


.hero.part h2 {
    padding-left:0
}


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

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

.hero .flex, .hero .row, .segment_header .row, .home .flex {
    max-width: 74.375em;
    margin: 0 auto;
	/* width:100%; */
	/* flex-wrap:nowrap; */
	flex-wrap:wrap;
    position: relative;
}



/** Avec une image solo **/

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

	.hero.solo {
		padding:0;
		background: #a8cffa;
	}
	
	.hero.solo p {
		color:#444
	}
	
	.hero.solo .flex {
		padding: 0;
	}
	
	.solo img {
		position:relative;
		opacity:1
	}
	
	.hero.solo .flex.end {
		align-items:flex-end;
	}

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

	.hero.solo .banner div {
		position: relative;
		text-align: left;
		color: #fff;
		/*padding: 4rem 0;*/
	}
	

/** Full width **/

	.body.fullw, .horizontal.tile .banner.fullw, #header-wrapper .horizontal.tile .banner.fullw, header.fullw.hero .horizontal.tile .banner.fullw, .banner.fullw {
		max-width:100%;
		width:100%;
	}
	
	header.fullw.hero {
		overflow:visible;
		padding: 2rem 0;
	}

	header.fullw.hero ul {
		padding-left:0
	}

	header.fullw.hero ul li.hero figure+div {
		padding: 2.50rem 1.25rem 2.50rem 2.50rem;
	}

	header.fullw.hero .col_1_2 {
		padding: 0;
	}

	header.fullw.hero li.hero figure img {
		position: absolute;
		max-width: 185%;
		width: auto;
		height: 100%;
		right: -25%;
		bottom: 0;
	}

	header.fullw.hero > img {
		height:100%;
		min-height:600px
	}

	#testimony {
		position:absolute;
		right: -10%;
		top: 25%;
		width: 340px;
		padding:2rem;
		background: rgb(0,78,168);
		background: linear-gradient(-31deg, #002d61, #003f87);
		border-radius:20px;
	}

	#testimony h1 {
		color:#fff;
	}
	
	.portrait_wrapper img {
		border-radius: 30px;
	}

	#testimony p {
		color:#fff
	}

	.retrait {
		overflow:hidden
	}

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

	header.fullw.hero h2 {
		color:#fff;
	}

	header.fullw.hero ul li:nth-child(odd) figure {
		order: 2;
	}

	header.fullw.hero li.hero figure img {
		margin-left: -95%;
	}

	.fullw.part .tile.aes, .tile.aes {
		background: rgb(168,207,250);
		background: linear-gradient(135deg, rgba(168,207,250,1) 0%, rgba(137,188,245,1) 100%);
		color:#2e3b4e;
	}
	
	.tile.aes h3 {
		color:#0c4789;
		font-size: 1.6rem;
	}
	
	.hero .tile.aes p, .tile.aes .banner p, .fullw.hero.part .tile.aes .banner p {
		color: #0c4789;
		font-size: 1.05rem;
		line-height: 1.4;
		font-weight: 600;
	}
		
	.encart h2:before {
		display:none
	}

	.fullw.part .tile {
		overflow:hidden;
		width:80%;
		background: #002d61;
		color: #fff;
		z-index: 3;
	}

	.fullw  article:nth-child(1) {
		right: -25%;
		margin-bottom: 2.2rem;
	}
	
	.fullw article:nth-child(2) {
		right: -90px;
	}

	.fullw .col_1_2:nth-of-type(2) article h2 {
		margin:0;
		padding:0
	}		

	.fullw .col_1_2:nth-of-type(2) article:nth-child(1) h2 {
		font-size: 1.4rem;
		line-height:1.2;
		padding:0;
	}		

	header.fullw.hero .aes h3 {
		color:#000;
		font-size:1.5rem
	}

	header.fullw.hero .aes h2 {
		color:#0c4789
	}

	header.fullw.hero h1 {
		color:#fff;
		margin-bottom: 1rem;
		font-size:2rem;
		line-height:1.1
	}

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

	header.fullw.hero li.hero article {
		display: flex;
		flex-direction: row;
		padding: 0;
		height: 240px;
	}

	.fullw.hero .img {
		position:absolute;
	}
			
	.horizontal.anim figure {
		order:2;
	}
	
	.tile.horizontal.anim figure.bottom img {
		transform: none;
		top: auto;
		bottom: 0;
		left:auto;
	}
	
	.anim img.opacity {
		opacity:.3
	}

	.anim figure.bottom {
		top:auto;
		transform:none
	}

	.anim figure img {
		transition:all .3s ease-in-out !important;
		min-height:auto;
		right:-55%
	}
	
	.fullw.hero.part .flex .tile p {
		margin:1.25rem 0;
		color:#fff;
	}
	
	.tile h2:before {display:none}
	
	
	.anim:hover img {
		right:-50%;
	}
	
	.anim figure {
		overflow:visible !important
	}
	
	.fullw.hero.part .rose {
		background:#e42832
	}
	.fullw.hero.part .bleu {
		background:#4e7db5
	 }
	
	.fullw.hero.part .securise {
		background:#e42832
	}
	
	.horizontal {
	flex-direction:row !important;
	flex-wrap: nowrap !important;
	}
	
	.tile.tiers.horizontal figure {
		width: 33%;
	}
	
	.tile.tiers.horizontal .banner {
		width: 66%;
	}
	
	.tile.horizontal figure img, .une .tile figure img {
		width: 150%;
		max-width: 150%;
		transform: translate(-50%, -50%);
		position: absolute;
		left: 50%;
		top: 50%;
	}
	
	#config .tile.horizontal figure img {
		width: 100%;
		max-width: 100%;
		transform: none;
		position: relative;
		left: auto;
	}
	
	.glass .tile {
		background: rgba( 255, 255, 255, 0.7);
		box-shadow: 0 8px 20px 0 rgba( 31, 38, 135, 0.8 );
		backdrop-filter: blur( 4px );
		-webkit-backdrop-filter: blur( 4px );
		border: 1px solid rgba( 255, 255, 255, 0.18 );
		margin:.7rem;
		padding:.8rem 0.5rem .8rem 0.8rem;
		position:relative;
		top:0;
		width:30%;
		transition:.15s 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:last-child h3 {
	padding-bottom:0
}

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

.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;
 margin-bottom:0
}

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

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

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

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

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

.glass .tile:hover .infos {
   left:-65px;
}

.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
}

header.hero.isr {
    background: #043ca5 url('/fr/entreprises/offre-financiere/isr/header.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

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

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

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


/** Intro type espace entreprise **/

	.flex.horizontal.gauche figure {
		overflow:visible;
		order:0
	}
	
	.flex.horizontal.gauche {
		background:#004DA6
	}

	.body.actualite header.hero.no-img {
		background-color: #FAFBFD;
		padding: 6rem 0;
		height:350px;
		margin-top:0
	}

	header .banner .actions .active span {
		font-weight : 600;
	}

	header .banner .actions .col_1_3.active a {
		background:#fff;
		-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.10);
		-moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.10);
		box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.10);
	}

	header .banner .actions .col_1_3:nth-child(2) {
		padding:0 20px;
	}
	
	header .banner .actions .col_1_3.active {
		opacity:1
	}

	header .banner .actions figure {
		margin: 0;
		border-radius:16px;
	}
	
	header .banner .actions .col_1_3 {
		padding:0;
		transition:all .250s ease;
	}
	
	header .banner .actions {
		position:relative;
		margin: 1rem auto 0 auto;
		width:100%
	}

	header .banner .actions a {
		background: rgba(255,255,255,0.75);
		/* padding: .2rem .4rem; */
		border-radius: 15px;
		color: #414141;
		transition:background .3s ease-out;
		text-decoration:none;
	}
	
	header .banner .actions a:hover {
		/* background: rgba(255,255,255,1); */
	   text-decoration:none;
	}

	header .banner .actions a span {
		width:70%;
		font-size: 14px;
		font-size: 0.9rem;
		margin-bottom: 0;
		color:#002d61;
		text-transform:uppercase;
		line-height:1.2;
		max-width: calc(100% - 55px);
		padding-left:16px;
		padding-left:.5rem;
		margin-top:0;
		display:block;
		text-align:left;
	}

	header .banner .actions a img {
		width: 70px;
		height:70px;
		margin:0 auto
	}
	
	header > .banner .actions .btn {
    padding: 0.5rem .5rem .5rem .5rem;
    width: 280px;
    opacity: .9;
    margin-right: .5rem;
    max-width: 297px;
	margin-left:0
}


.hero .banner .actions .btn:before {
    display:none;
}

.hero .banner .actions, .home .banner .actions {
    display: flex;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
}
.actions .btn.flex, .btn.flex {
    display: flex;
    position: relative;
}


.segment_header .banner .col_1_3 img {
    max-width: 300px;
    height: 300px;
}


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

	.tile.horizontal.anim figure img.gauche {
		position: absolute;
		max-width: 300px;
		height:300px;
		width: 300px;
		right: auto;
		left: -65%;
		bottom: 12%;
	}

	.flex .tile.tresto {
		background: rgb(0,81,147);
		background: linear-gradient(135deg, rgba(0,81,147,1) 0%, rgba(0,68,148,1) 100%);
		color:#fff
	}

	.tile.actu {
		background-color:#e42832;
		color:#fff
	}
	
	.tile.actu a.hover, .tile.actu a:hover {
		background-color:#0069df;
	}

	.tile.actu .actions .btn.hover, .tile.actu .actions .btn {
		border:none !important
	}

	.tile:hover, .guides article {
		cursor:pointer
	}
	
	.tile.horizontal:hover figure img.gauche {
		left:-60%
	}

	.tile, #videos-services li, .guides article a {
		background: #fff;
		box-shadow: 0 0 30px 0 rgba(0,49,146,.06);
		position: relative;
		z-index: 50;
		border-radius: 20px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	/* #mode-emploi { */
		    /* padding: 2rem 4rem; */
    /* border-radius: 1rem; */
	/* max-width: 77rem; */
		/* background-color: #f7f8fa; */
		/* margin:0 auto; */
	/* } */
	
	#mode-emploi img {
		max-width:200px;
	}
	
	.hero.part .tile, .home .tile {
		top:0;
		border-radius: 1rem 1rem 1rem 5rem;
		transition: all .3s ease;
	}
	
	.hero.part .tile:hover {
		top:-.5rem;
	}

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

	.guides article a {
		text-decoration: none;
		position: relative;
		display: block;
	}
	
	.guides .visuel {
		background:#0F53A6
	}
	
	.guides .texte {
		padding: 1.875rem;
		min-height: 250px;
	}
	
	.guides .video-tags {
		padding:0;
		margin-top:1rem;
		margin-bottom:0
	}

	.tile a {
		text-decoration: none;
	}
	
	.tile figure {
		margin: 0;
		display:flex;
		align-items:center;
		overflow:hidden;
		padding:0;
		position:relative;
	}
	
	.hero .tile figure, .home figure {
		overflow:visible;
	}

	.tile figure img {
		width: 100%;
		height: auto;
		max-width:100%;
	}
	
	.tile.svg figure img {
		width: 70%;
		margin: 0 auto;
		padding: 1.5rem 1.5rem 0 1.5rem;
	}
	
	.tile.horizontal.anim figure img {
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		width:220px;
		height:220px;
		max-width:220px;
	}
	
	.hero.part .tile.horizontal.anim figure img {
		width: 250px;
		height: 250px;
		max-width: 250px;
	}

	.illu {
		background: #002d61;
		position: relative;
	}

	.tile .banner, .tile.horizontal .banner {
		padding: 1.5rem;
	}
	
	.tile .banner:not(.svg) {
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	}
	
.tile:not(.svg) figure:after {
    position: absolute;
bottom: -1.6rem;
    width: 123%;
    height: 100%;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 10" xml:space="preserve"><path fill="white" d="M0,4.8s39.4-12.9,80,5.2H0v-5.2Z"/></svg>');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
	transition:all .15s ease-in-out
}
#reassurance .chiffre,.tile.projets .chiffre {
	position:relative;
}

#reassurance .chiffre:after, .tile.projets .chiffre:after {
    position: absolute;
    bottom: -1.6rem;
    width: 123%;
    left: 0;
    height: 100%;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 10" xml:space="preserve"><path fill="white" d="M0,4.8s39.4-12.9,80,5.2H0v-5.2Z"/></svg>');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
	transition:all .15s ease-in-out
}

#reassurance .chiffre:hover:after, .tile.projets:hover .chiffre:after {
	bottom: -1.2rem;
}

.tile:not(.svg):hover figure:after {
	 bottom: -1.2rem;
}

.tile.horizontal:not(.svg) figure:after {
    top: -1.5rem;
    right: -1.5625rem;
    bottom: inherit;
    left: inherit;
    width: 100%;
    height: 115%;
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 70" xml:space="preserve"><path fill="white" d="M19.5,0C-8.8,25.5-0.2,58.5,8.2,69.5h11.3V0z"/></svg>');
    background-position: top right;
}

.tile.horizontal:not(.svg):hover figure:after {
    right: -1.2rem;
}
	
	.tile .banner .infos {
		flex-direction: column;
		justify-content: space-around;
		display: flex;
		align-items: start;
	}

	.home_promo .infos {
		min-height: 145px;
	}


	.tile p {
		line-height: 1.2;
		font-size:0.9375rem;
	}
	
	section.bg3 article p {
    color: #444;
	}	
	
	/*.tile.horizontal.anim .banner.col_2_3 {
		padding: 1.875rem 0 1.875rem 1.875rem;
	}*/
	
	.tile.horizontal.anim.droite .banner.col_2_3 {
		padding:2.125rem 0 2.125rem 2.125rem
	}
	
	.tile.horizontal.anim.gauche .banner.col_2_3 {
		padding:2rem 2rem 4rem 1.5rem
	}

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

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

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

	.tile.hero>figure img {
		position: relative;
		left: 100%;
		margin-left: -125%;
		max-width: 150%;
		width: auto;
	}
	
	#dispo article {
		height:100%
	}
	
	/*#dispo article .banner {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
	}*/
	
	#dispo .actions {
		flex-grow: 1;
	}

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

	@keyframes anim-out {
	  0% {
		background: rgba(0, 0, 0, 0.25);
		width: 0%;
		height:0%
	  }
	  100% {
		  height:400%;
		width: 100%;
		   background: transparent;
	  }
	}
	

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

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

	.ei_menu__nav>ul>li.cta {
		position: absolute;
		top: -3px;
		right: -2px;
		min-width: 150px;
	}
	
	.ei_menu__content .ei_menu__nav>ul>li.cta a {
		text-align: center;
		font-weight: 400;
	}

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

	.ei_menu__nav>ul>li.cta a, .tertiary {
		transition:all 1s ease;
		color: #014495;
		background: #fff;
		border: none;
		border-radius: 50px;
		border:1px solid #a3cffe
	}
	
	 .ei_menumobil .ei_menu__nav>ul>li.cta a  {
		 color: #014495;
	 }
	 
	 
	 .ei_header__authentification .ei_env_btn {
		background: #002d61;
		border-color: #002d61;
		color: #fff;
	}
	
	/*.ei_header__content .ei_env_btn.btn.question {
		padding: .6rem 2rem;
		margin-right: .7rem;
		background: #fff;
		border: 1px solid  #002d61;
		color: #002d61;
	}*/
	
	.par .ei_header__content .ei_env_btn.btn.question:hover, .par .ei_header__content .ei_env_btn.btn.question:focus {
		background: #002d61;
		color: #fff;
		border: 1px solid #002d61;
	}

	aside.sticky .btn {
		width:90%
	}

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

	.btn.primary {
		background: #002d61;
		color: #fff;
		padding:0.5rem 1.5rem 0.5rem 1.5rem;
		border:1px solid #002d61;
		position:relative;
		overflow:hidden;
	}
	
	.btn.primary:hover:before, .btn.primary.hover:before {
		animation-delay: none;
		animation-name: anim-out;
		animation-duration: .75s;
	}
	
	.btn.secondary, button.secondary, .btn.secondary {
		background: #fff;
		border:1px solid #002d61;
		color: #002d61;
		text-align:center;
		overflow:hidden;
	}
	
	.btn.secondary:hover:before, .btn.secondary.hover:before {
		animation-delay: .15s;
		animation-name: anim-out;
		animation-duration: .5s;
		opacity:0.4;
	}
	
	.btn.primary:before, .btn.secondary:before {
		content:"";
		transform: translateY(-50%) translateX(-50%);
		position: absolute;
		top: 50%;
		width:50px;
		height:50px;
		border-radius:50%;
		left: 50%;
		z-index: 4
	}

	.btn.secondary:focus, .btn.primary:focus, .cta a:focus, .ei_header__authentification .ei_env_btn:focus {
		transition: 0s !important;
	}
	
	.btn.secondary:hover, .btn.secondary:hover, .btn.secondary.hover, button.secondary:hover, .btn.secondary:hover, .ei_menu__nav>ul>li.cta a:hover,.btn.primary:hover, .btn.primary.hover, .btn.primary:hover, .btn.primary:focus {
		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);		
		color:#fff;
		text-decoration:none;
	}

	.btn.secondary:hover, .btn.secondary:hover, .btn.secondary.hover, button.secondary:hover, .btn.secondary:hover, .ei_menu__nav>ul>li.cta a:hover {
		background:#002d61;
		border:1px solid #002d61;
	}
	
	.btn.primary:hover, .btn.primary.hover, .btn.primary:hover, .btn.primary:focus {
		background:#003d84;
		border:1px solid #003d84;
	}
	
	.nbd {
		border:none !important
	}
	
	.entr .btn.primary {
		background: #004CCC;
		border:1px solid #004CCC;
	}
	
	.ent .btn.primary.hover, .entr .btn.primary:hover, .btn.primary:focus {
		background:#0046b7;
		border:1px solid #0046b7
	}
	
	.entr .btn.secondary, .entr button.secondary, .entr .faq button:hover, .entr .js-modal:hover, .entr .faq button.hover, .entr .js-modal.hover {
		border:1px solid #0043CB;
		color: #0043CB;
	}
	
	.entr .btn.secondary:hover, .entr .btn.secondary.hover, .entr button.secondary:hover, .entr .btn.secondary:hover, .entr .ei_menu__nav>ul>li.cta a:hover {
		background:#0043CB;
		border:1px solid #0043CB;
		color:#fff;
	}
	
	.entr #config .btn.secondary:hover, .entr #config .btn.secondary.hover {
		background:#E42832;
		border:1px solid #E42832;
	}
	
	.btn.primary.xl, .btn.secondary.xl {
		font-size: 17px;
		font-size:1.0625rem;
		padding:0.625em 1.5em 0.625em 1.5em;
	}

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

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

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

	.btn, .faq button, .btn, .js-modal {
		background: #fff;
		color: #002d61;
		border: 1px solid #002d61;
		padding: 0.375rem 1.25rem 0.375rem 1.25rem;
		border-radius: 50px;
		display: inline-block;
		transition: all 0.5s ease 0s;
		position:relative;
		vertical-align: middle;
		text-decoration:none
	}
	
	.faq button:hover, .js-modal:hover, .btn:hover {
		background: #002d61;
		color: #fff;
		border: 1px solid #002d61;
	}
	
	.fiche .actions .btn:hover {
		background: #0043CB;
	}

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

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

	/* .btn:after, .js-modal:after, .btn:after { */
		/* font-family: fts_commun; */
		/* content: "\EA35"; */
		/* position: absolute; */
		/* top: 50%; */
		/* right: 1rem; */
		/* -webkit-transform: translateY(-50%); */
		/* transform: translateY(-50%); */
		/* padding-left: 0.3125rem; */
	/* } */

	.more {
		color: #002d61;
		font-size: 0.9375rem;
		font-weight: 600;
		position: relative;
		text-decoration:none;
	}
	
	.simu .more {
		color:#fff
	}

	/* .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 0;
		border-bottom: 1px solid rgba(89,89,89,0.2);
		position: relative;
	}

	dl {
		margin-bottom:3rem
	}
	
	dt {
		font-size: 0.875rem;
	}

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

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

	[data-collapse][role="tablist"] [role="tab"][data-collapsed]+dd p {
		margin-bottom:0;
	}

	[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: #002d61;
		transform:translateY(-35%) translateX(-11%) rotate(90deg);
	}

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


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

	.tag {
		background: #ff8b98;
		border-radius: 5rem;
		color: #fff;
		display: inline-block;
		margin-left: .2em;
		font-size: 12px;
		margin: 0.5rem 0.3rem;
		padding: .3rem 2rem;
		text-align:center;
	}

	.module-container {
		text-align:center;
		max-width:100%
	}
	
	.module-subtitle {
		color: #2f2f2f;
		font-weight: 600;
	}
	
	.module-container .card h3 {
		margin-top:1.5em
	}
	
	.module-container .plus {
		line-height:0;
	}
	
	 .module-container h2, .module-container legend {
		color: #2e3b4e;
		font-weight:300;
		font-size: 1.765rem;
		line-height: 1.1;
		padding: 0 0 1.333rem 0;
		text-align: center;
		width: 100%;
	}
	
	.module-container h2:before {
		display:none;
	}

	.module-container .row {
		margin-left: auto;
		margin-right: 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;
		-webkit-box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 10%);
		-moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 10%);
		position: relative;
		z-index: 50;
		border-radius: 20px;
		height: 100%;
		overflow: hidden;
		height: 100%;
		margin:0 auto;
	}

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

	.checklist li:before {
		color: #002d61;
		display: inline-block;
		font-family: 'Material Icons';
		font-size: 2em;
		font-style: normal;
		font-weight: 400;
		left: 0;
		line-height: 1;
		position: absolute;
		text-decoration: inherit;
		text-rendering: optimizeLegibility;
		text-transform: none;
		top: -2px;
		speak: none;
		vertical-align: middle;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e92d";
		opacity:0.7
	}

	.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: "";
		height: 0;
		position: absolute;
		top: -2px;
	}

	.visually-hidden {
		visibility: hidden;
	}

	#module-cas-deblocage legend {
		color: #002d61;
		font-size: 1.625rem;
		line-height: 1.875rem;
		padding: 0;
		width: 100%;
		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;
		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: .9em;
		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: #e42832;
		border-radius: 5em;
		color:#fff;
		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 {
		background-color: #fff;
		border: 2px solid rgba(0,68,148,0.3);
		border-radius: 10px;
		box-shadow: 0 1px 0 #ddd;
		color: #505050;
		font-size: 1.063em;
		min-height: 135px;
		width: 32%;
		padding: 1em;
		position: relative;
		text-align: center;
		vertical-align:middle;
		transition: all 200ms ease-out 0s;
		-ms-transition: all 200ms ease-out 0s;
		/*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 0.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;
		speak: none;
		text-decoration: none;
		vertical-align: middle;
	}
	
	.icoon-left-tiny:before {
		content: "✕";
		width: 10px;
		overflow: hidden;
		transform: rotate(180deg);
		display: block;
	}
	
	.icoon-close:before {
		content: "✕";
	}
	

/*==---- ENTREPRISES ----=*/

.fcpe table {
    padding: 0 0 0 1rem;
    width: 100%;
    margin: 1rem auto 3rem;
}

.fcpe td {
    font-size: .85rem;
    text-align: center;
}

.body .tile.nc:hover {
	cursor:default;
	top:0
}

.tile.horizontal.svg figure img {
    width: 100%;
    padding: 1.5rem;
}

#header-wrapper > .flex {
    max-width: 1220px;
    margin: 0 auto;
	position:relative;
}


#header-wrapper {
	position:relative;
	height:590px;
	padding:2rem 0 3rem 0;
	max-width: 100%;
	overflow:visible;
	background-color: #FAFBFD;
}

.pattern {
	background-color: #FAFBFD;
	opacity: 1;
	background-image:  radial-gradient(#dedede 1.1500000000000001px, transparent 1.1500000000000001px), radial-gradient(#dedede 1.1500000000000001px, #FAFBFD 1.1500000000000001px);
	background-size: 46px 46px;
	background-position: 0 0,23px 23px;
}


#header-wrapper.intro_v2022 #config:before {
    background: linear-gradient(91deg, #0043CB, #043ca5 );
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    opacity: .9;
}

.ei_contener div.intro_v2022 .banner {
    padding:3rem
}

.intro_v2022 .tile {
    background: transparent;
	color:#fff
}

#services .section-intro {
	margin-bottom:2rem
}

.intro_v2022 .droite {
    position: absolute;
	width: 40%;
    bottom: -90px;
    right: 40px;
	background:#e42832;
    -webkit-box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
}

.intro_v2022 #config .tile {
    padding-bottom: 4rem;
}

.intro_v2022 .tile h1 {
	color:#fff;
	font-size:3rem;
}

.intro_v2022 .tile h2 {
	color:#fff;
	font-size:1.5rem;
	padding:0;
	margin:0
}

/* .entr .hero { */
   /* background: linear-gradient(91deg, #0043CB, #043ca5 ); */
/* } */

.entr .hero.home {
   background: #fff;
}

.entr .hero div.banner h1, .entr .hero div.banner p {
    line-height: 1.1;
}

header.v2022 .tile.horizontal.anim.gauche .banner.col_2_3 {
    padding: 2rem 2rem 2.5rem 2rem;
}


#header-wrapper .tile.horizontal.anim.droite .banner.col_2_3 {
    padding: 1.5rem 0 1.5rem 1.5rem;
}

#header-wrapper .tile.horizontal.anim figure img {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 250px;
    height: auto;
    max-width: 160px;
}

#header-wrapper .anim figure img {
    transition: all .3s ease-in-out !important;
    min-height: auto;
    right: -24%;
}

#header-wrapper .anim:hover figure img {
    right: -15%;
}

.header-entreprise .ei_header__links .more:after {
   font-size:1.2rem;
    left: -14%;

}

#header-wrapper .horizontal.tile figure, header.fullw.hero .horizontal.tile figure {
    width: 33%;
    margin-top: 0;
}

#header-wrapper .horizontal.tile .banner, header.fullw.hero .horizontal.tile .banner {
    width: 67%;
    margin-top: 0;
}


.ent .tile.horizontal figure {
    padding-top: 0;
}

.tile.projets p {
    line-height: 1.2;
    font-size: 1rem;
    margin: 0;
}

.tile.projets h3 {
    line-height: 1;
}


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


.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-petite-clef, .cem.hover  #ombre-petite-clef, .cem svg:hover #ombre-grande-clef, .cem.hover #ombre-grande-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-configurateur {
  background: linear-gradient(55deg, #344696, #004494);
 background-size: 150% 150%;
    position: sticky;
    z-index: 5;
	top: 178px;
    width: 100%;
	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: 58px; */
/* } */
/* #ei_tpl_fullsite { */
    /* padding-top: 0; */
/* } */
#annonce-ere {
	/* position:fixed; */
	width:100%;
	background: #062F65;
	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;
	padding:.5rem 1rem
}

#annonce-ere img {
	margin-right:.5rem;
}

.entr #annonce-ere {
	background:#2E56E2
}

#annonce-ere * {
	color:#fff
}

#bandeau-configurateur:hover {
	cursor:pointer;
}

#bandeau-configurateur b {
	color:#fff;
	font-weight:normal
}

#bandeau-configurateur > div {
    max-width: 74.375em;
    margin: 0 auto;
    position: relative;
	width:100%
}
#bandeau-configurateur p, #bandeau-configurateur h2 {
	 padding:0;
	 color:#fff;
	 margin:0;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    line-height: inherit;
}

 #bandeau-configurateur h2 {
	 color:#FFF0D1;
    font-size: 1.2rem;
    margin-left: .5rem;
}

#bandeau-configurateur .flex {
	position:relative
}

#bandeau-configurateur .flex:before {
	 background: url(/fr/images/entreprises/configurateur2.png);
	  background-size: 100%;
	  content:"";
	  position:absolute;
	  height:100px;
	  width:170px;
	  background-position: center center;
	  transition:all .3s ease-in-out;
	  left:0
}

#bandeau-configurateur .btn {
    border: 1px solid #a3cffe;
	font-size: .875rem;
}

#bandeau-configurateur:hover .btn,#bandeau-configurateur .btn:hover {
    transition: opacity 0.3s ease;
    background: #fff;
    color: #014495;
	font-weight:bold;
	border: 1px solid #fff;
}

#bandeau-configurateur:hover .btn.secondary:before {
    animation-name: anim-out;
    animation-duration: .75s;
    opacity: 0.4;
}

#bandeau-configurateur .flex div {
    padding: .7rem;
    margin-bottom: 0;
}

#bandeau-configurateur .col_2_3:first-of-type {
	padding-left:200px;
}

#bandeau-configurateur h2:before {
    display:none
}

.content__container__list {
  margin-top: 0;
   transform: translate3d(0, 0%, 0);
  text-align: left;
  list-style: none;
  transition:all .4s ease-in-out
}

#config:hover .content__container__list {
  transform: translate3d(0, -50%, 0);
}

#config .tile figure img {
    top:0;
	position:relative;
	transition:all .7s ease-in-out !important
}

#config:hover .tile figure img {
    top:-5%;
}

.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 57px;
}

#header-wrapper.intro_v2022 #config {
    margin-bottom: 2rem;
    border-radius: 20px;
    padding: 0;
    max-width: 1200px;
    background: transparent url('/fr/images/entreprises/accueil-entreprises.jpg');
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
    background-position: 0px 0px;
    background-repeat: no-repeat;
	top:0;
	transition:all .4s ease-in-out
}
#header-wrapper.intro_v2022 #config:hover {
   top:-10px;
}

#services {
	overflow:hidden;
}

#services ul {
	opacity:.9
}

.service img {
	border-radius:25px;
}

#services .col_1_2 p {
 width:100%;
 margin:0 auto
}

#services > div {
		position:relative;
}

#services > div > .row > .col_1_2 {
    border-radius: 30px;
    position: relative;
    height: 100%;
	padding:0;
	color:#fff;
	min-height:260px;
	top:100px;
	left:2rem;
}

#services > div > .row > .col_1_2 h3 {
	color:#fff;
	padding-top:1rem
}

#services > div > .row > .col_1_2 img:before {
    position: absolute;
    display: block;
    width: 110%;
    top: -1.1rem;
   content:"";
   background:#fff;
   height:110%
}

#services > div > .row  {
   margin:6rem 0;
   z-index: 2;
   position:relative;
}

#services h3 {
		font-size:1.5rem;
		margin-bottom:1.5rem;
		padding-left:1rem
}

#services > div > .row > .col_1_2:last-of-type {
		top:0;
		right:-1rem;
		position:relative;
}

#services > div > .row > .col_1_2 img {
    display: block;
	position:relative;
	z-index:3;
}

#services > div > .row > .col_1_2:last-of-type img {
    display: block;
	top:auto
}

#services .col_2_3 {
    padding: 1rem 2rem 1rem 2rem;
    background-color: #0043CB;
    opacity: 1;
    background-image: radial-gradient(circle at left top, #8086f860, #5269c360), repeating-radial-gradient(circle at left top, #8086f860, #8086f860, 43px, transparent 86px, transparent 18px);
    background-blend-mode: multiply;
    border-radius: 20px;
	width:58%;
}

#services > div > .row > .col_1_2:first-of-type .service {
	position:absolute;
	bottom:auto;
	top:-35px;
	right:-25px;
}

#services > div > .row > .col_1_2 .service {
	position:absolute;
	bottom:auto;
	top:-60px;
	right:-25px;
}

#services > div:after {
    content: "";
    height: 658px;
    width: 372px;
    background: url(/fr/images/entreprises/adn.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    bottom: -306px;
    background-size: cover;
    right: -393px;
    z-index: 0;
	opacity:.6
}

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

.services-salaries .flex.accompagnement, .body.ent .services-salaries .flex.accompagnement {
    background: #fff;
    margin: 3rem 0;
}


.services-salaries .accompagnement .col_2_3 {
    padding: 3rem;
}

.services-salaries .accompagnement .col_1_3 {
    background: #3A4B98;
}


.services-salaries .accompagnement h3 {
	font-weight:500;
	font-size:1.6rem
}

.services-salaries .accompagnement h4 {
	font-weight:500;
	color:#444;
	font-size:1.3rem
}

.ent.v2022 ol.styled li {
overflow: visible !important;
padding: 1rem;
margin: 0.9em;
background-color: transparent;
opacity: 1;
font-size:1.1rem;
color:#0050ae;
line-height:1.2;
text-align:left;
width:30% !important;
padding-left: 3em;
margin: 1rem auto;
}

.v2022 ol.styled li:before {
    padding: 0;
    position: absolute;
   transform:translate(-50%,-50%);
   left:14%;
   top:50%;
    font-weight: bold;
    line-height: 1;
	margin-left:auto;
	margin-right:auto;
    font-size: 16rem;
    background-color: #E2001A;
opacity: .05;
background-blend-mode: multiply;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-radius:0 !important;
	z-index:3;
}

.v2022 .flex ol.styled {
    width: 90%;
	flex-direction:row;
	margin:4rem auto
}

.v2022 .key-figure>div>div {
	background:transparent;
	box-shadow:none;
}

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

#resume .illustration img {
	margin:0 auto;
	width:100%;
}

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

.fiche {
    padding: 2rem 0 0 0;
}

#teaser-dispositif {
	background: linear-gradient(91deg, #0043CB, #043ca5 );
}

#teaser-dispositif img {
	width:100%
}

#header-wrapper .btn.tertiary, .btn.secondary.transparent, .entr .btn.secondary.transparent {
	background:transparent;
	border: 1px solid #fff;
	color:#fff
}
.btn.secondary.transparent:hover,.btn.secondary.transparent.hover, #header-wrapper .droite.horizontal:hover .btn.tertiary, .entr .btn.secondary.transparent.hover, .entr .btn.secondary.transparent:hover {
	background: #fff;
	border: 1px solid #fff;
}
.btn.secondary.transparent:hover,.btn.secondary.transparent.hover, #header-wrapper .droite.horizontal:hover .btn {
	color:#002d61
}

#menu-teaser-dispositif {
	margin-top:3rem;
}

#teaser-dispositif h3, #teaser-dispositif p {
	color:#fff
}

#menu-teaser-dispositif .menu {
	text-align:center;
}

#teaser-dispositif ul {
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 0 auto;
	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 h2 {
	color:#fff;
}

#teaser-dispositif h3 {
	font-weight:bold;
	font-size:1.9rem;
	width:100%
}

#teaser-dispositif p {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1.5;
}

#teaser-dispositif .col_2_3 {
	display:flex;
	flex-direction:column;
	text-align:left;
}

#teaser-dispositif .actions {
	width:100%;
	text-align:left;
}

#teaser-dispositif abbr[title] {
  text-decoration: none;
}

#teaser-dispositif .tertiary {
	border:1px solid #fff;

}

#teaser-dispositif .secondary {
	margin-left:1rem;

}
	
#teaser-dispositif .menu li.active:after {
	display: block;
    content: "";
    top: 27px;
    width: 11px;
	height:11px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
	background:red;
	border-radius: 50%;
	z-index:2;
}

.body.ent section.plus h2 {
    margin-top: 0;
}

.hero.configurateur .flex .portrait {
    transform: translateY(-50%);
    top: 50%;
    bottom: auto;
	position:absolute;
}

.configurateur_wrapper #wrapper {
    z-index: 3;
}

header.hero.configurateur .banner img {
    width: 100%;
    right: -15%;
	height:auto;
    position: relative;
}

section.plus:before {
    content: "";
    color: #F1FBFC;
    text-align: center;
    height: 50px;
    width: 50px;
    position: absolute;
    top: -28px;
    transform: translateX(-50%);
    left: 50%;
    background: #fff;
    border-radius: 50%;
    font-size: 3rem;
    line-height: 1;
}

section.plus:after {
    content: "+";
    color: #44444469;
    text-align: center;
    height: 50px;
    width: 50px;
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    left: 50%;
    font-size: 2.5rem;
    line-height: 1;
}

section.plus {
    position: relative;
}

.tile.vide {
    border: 1px solid #007c8225;
    background: #fff;
    height: 100%;
    transition: all .2s ease-in-out;
}

.tile.projets p {
	line-height:1.2;
	font-size: 0.9375rem;
}

.tile.vide #plus {
    position: absolute;
    transform: translate(-50%,-45%);
    top: 45%;
    left: 50%;
    background: transparent;
    height: 80px;
    width: 80px;
    border: 5px solid #002d61;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.tile.svg.isr figure {
    background: #8BE78B;
    margin-top: 0;
}

.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: #002d61;
    transition: all .3s ease-in-out;
}

.tile.vide #plus span {
    position: absolute;
    transform: translateX(-50%);
    top: 90px;
    left: 50%;
    width: 240px;
    color: #002d61;
    font-size: 1.3rem;
    transition: all .3s ease-in-out;
}

.tile.vide:hover {
    background: #0069df;
}

.tile.vide:hover #plus {
    border: 5px solid #fff;
}

.tile.vide:hover #plus span {
    color: #fff;
}

.tile.vide:hover #plus:before {
    left: 55%;
    color: #fff;
}

.flex p {
    width: 100%;
}

.body.ent > .flex.inverse aside {
    order: 2;
}

#resume_id {
    background: #f7f7f7;
    padding: 2rem 1.5rem 2.5rem 1rem;
    position: sticky;
    margin-top: 2rem;
}

.body.ent aside.sticky, .body.ent aside {
    width: 30%;
    padding-bottom: 3rem;
}

.body.ent > section aside+div {
    width: 70%;
	padding-left:0
}

.body.ent > .flex.inverse article {
    right: 0;
    margin-right: 4rem;
}

.ent .inverse {
    padding-top: 2rem;
}
.body.ent section.chapeau {
    padding: 4rem 0 0 0
}

#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 {
    padding-left: 2rem;
    list-style: none;
    margin-bottom: 1.5rem;
}

.body.ent .questions h3 {
    margin-top: 3rem;
}

.body .flex.inverse footer.mentions {
	margin-top:4rem;
}

.body .solutions div.mentions {
	margin-top:3rem
}

.body.flex ul > li:before, .body.actualite ul > li:before, .faq ul > li:before, .content-content ul > li:before, ul.niv1 > li:before, .body .flex ul > li:before, .body.ent ul > li:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #004494;
    border-radius: 9px;
    top: 8px;
    left: -20px;
}

ul.nobullet li:before {
	display: none !important;
}

	
ol > li:before {
    background-color: #002d61;
    color: #fff;
    display: inline-block;
    padding: .4rem .6rem .3rem .6rem;
    border-radius: 50%;
    content: counter(li);
    margin-left: -3rem;
    margin-right: .5em;
    top: -3px;
    position: absolute;
    font-size: .91rem;
    min-width: .85rem;
    text-align: center;
	height:auto;
	left:-10px;
}


#resume ol {
	padding-left:5rem;
}

#resume ol li:before {
    background: #2a3e91;
    color: #fff;
    padding: 0.1875rem .7rem;
    padding: 19px 20px;
    font-size: 20px;
    /* top: -4px; */
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    font-size: 2rem;
    left: -2rem;
    border-radius: 50%;
    width: 19px;
    text-align: center;
}

#resume ol li {
	margin-bottom: 2.5rem;
	font-size: 1.2rem;
}

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

.body.actualite>section aside .more {
	left:0
}

.visuel_besoin img, .visuel_entreprise img, .body.ent > section aside+div {
    width: 70%;
}

.visuel_droite, .visuel_gauche {
    display: flex;
    align-items: center;
}

.visuel_gauche img, .visuel_droite img {
    width: 100%;
}

.body.ent .chapeau .row > div {
    padding: 0 2rem 0 0;
}

.body div.section-intro {
	margin-bottom:2rem
}

.body div.section-intro a {
	margin-top:2rem;
	font-size:1rem
}

.body div.section-intro h2 {
	margin-bottom:1rem;
}

.body div.section-intro p {
	margin: 0;
}

.intro .col_1_3 img {
	position: absolute;
	width: 100%;
}

#manifeste h2 {
	margin-top:0;
	padding-top:0
}

#services {
	padding-top:4rem
}

.service .col_1_2 div, .solutions .illustration div, .intro-vision .illustration div, .intro-quoi .illustration div {
    height: 100%;
}

.solutions .row {
    margin-bottom: 1rem;
}

.intro-illustration {
    margin-left: 85px;
    padding-right: 30px;
}

.solutions .col_2_3 {
    background: #fff;
    padding-top: 3rem;
}

.solutions .col_2_3 h3 {
margin-top:1rem
}

/*.solutions .col_1_3 {
    padding: 0;
}*/

.salaries .intro-illustration, .droite .intro-illustration {
    margin-right: 105px;
    padding-left: 85px;
    margin-left: 0;
    padding-right: 0;
}

.argument {
    position: relative;
    z-index: 2;
    margin-left: -90px;
    background: #fff;
    padding: 1rem;
    padding-left: 175px;
}

.nopicto .argument {
	padding-left: 25px;
}

.salaries .argument, .droite .argument {
    margin-right: -85px;
    margin-left: 0;
    text-align: right;
    padding-right: 170px;
    padding-left: 85px;
}

.droite.nopicto .argument {
    padding-right: 45px;
}

.salaries .effect:after, .droite .effect:after {
    display: block;
}

.effect:after {
    transform: rotate(3deg);
    right: -4em;
    display: none;
}


.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: -5.2em;
}

.salaries .picto-rond, .droite .picto-rond {
    left: auto;
    right: 0;
}

.effect {
    position: relative;
    z-index: 1;
}

.salaries .effect:before, .droite .effect:before {
    display:none;
}

.picto-rond {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    height: 150px;
    width: 150px;
}

.picto-rond img {
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 45%;
}

.solutions > .row, .solutions > .flex {
    border-radius: 100px 0 100px 0;
    overflow: hidden;
	padding:0
}

.solutions .row .col_1_3 {
    padding: 0;
}

.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.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);
}

.isr .chapeau, .encart.isr {
	background: #8BE78B80
}

.bg_isr {
	background: #8BE78B80 url('/fr/entreprises/offre-financiere/isr/nos-fonds/fonds.svg') !important;
	background-position: center center;
}

.body.ent.isr section.chapeau {
    padding: 7rem 0;
}

.body.ent.isr .intro .col_1_3 img {
    position: absolute;
    width: 130%;
    left: -20%;
}
.solutions.solidaires .row .col_2_3, .solutions.solidaires .argument {
    background: #fcfcfc;
}

.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;
}

.cest-quoi .swiper img {
    width: 100%;
    height: auto;
}


.cest-quoi .swiper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 4px 22px 0 rgba(22, 42, 90, 0.12);
}

/*** Module choix espace ***/

	
#module_espace_switch div.inactive path#epargnant {
    fill: #fff;
}

#module_espace_switch .situation {
	margin-right:.5rem;
	color:#444;
}

#module_espace_switch .active:hover span {
	color:#444;
}

#module_espace_switch .switch.row a {
	text-decoration:none;
	transition:all .2s ease-out;
}

#module_espace_switch .active:hover .check:before {
    opacity: 1;
	background:#444;
}

#module_espace_switch .active span {
	line-height:1;
	color:#3b3b3b
}

#module_espace_switch .active .checke span, .ei_menu #module_espace_switch .active span {
	color:#fff
}

.ei_menu #module_espace_switch .active .check:after {
    border-color: #fff;
}

#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 {
	transition: all .3s ease-in-out;
	width:8px;
	height:8px;
	background:#3b3b3b;
	z-index:4;
	opacity:0
}

#module_espace_switch .checke .check:before {
	transition: none;
}

#module_espace_switch .inactive.unchecke .check:before {
	background:#3b3b3b;
}

#module_espace_switch.epargnants .active .check:before, #module_espace_switch .inactive.unchecke .check:before {
	 opacity:0;
}

#module_espace_switch .active:hover .check:before, #module_espace_switch.entreprises .active a.checke .check:before, #module_espace_switch .switch.row a.checke, #module_espace_switch .switch.row a:hover {
	opacity:1
}

#module_espace_switch .check:after {
	height:10px;
	width:10px;
}

.ei_header__links #module_espace_switch .active .checke .check:before, #module_espace_switch .inactive .check:before {
	background:#fff;
	opacity:1
}

#module_espace_switch .active .check:after, #module_espace_switch .active:hover .check:after, #module_espace_switch .inactive .check:after, #module_espace_switch .active .checke .check:after {
	border:2px solid;
}

#module_espace_switch .active .check:after, #module_espace_switch .inactive.unchecke .check:after {
	border-color: #3b3b3b;
}

#module_espace_switch .active:hover .check:after {
	border-color: #444;
}

#module_espace_switch .inactive .check:after, #module_espace_switch .active .checke .check:after {
	border-color: #fff;
}

#module_espace_switch .switch.row {
	background: #f3f3f3;
	border-radius:50px;
	top: 2px;
	transition: all .4s cubic-bezier(0,1,0.5,1);
	position:relative;
	padding:4px;
	box-shadow: inset -2px 0px 6px rgb(0 0 0 / 12%);
}

#module_espace_switch .switch.row div.inactive:hover {
	cursor:default
}

#module_espace_switch .switch div.move {
    background: #002d61;
    display: block;
    width: calc(50% - 6px);
    position: absolute;
    height: calc(100% - 8px);
    left: 5px;
    border-radius: 50px;
    top: 50%;
	transform: scale3d(1, 1, 1) translateY(-50%);
    transition: all .25s cubic-bezier(0,1,0.5,1);
}

#module_espace_switch.entreprises .switch div.move {
	left:50%;
	background: #0043CB
}

#module_espace_switch .icons {
    width: 21px;
    height: 18px;
    text-align: center;
}

#module_espace_switch .material-icons {
		font-family: "Material Icons";
	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 1rem .35rem 1rem;
}

#module_espace_switch svg {
	height:18px;
	transition:all .2s ease-out;
}

.ei_menu #module_espace_switch svg, #module_espace_switch .active:hover svg, #module_espace_switch .inactive svg, .ei_menu #module_espace_switch .active svg {
    fill: #fff;
}

#module_espace_switch .active svg {
	fill: #3b3b3b;
}

#module_espace_switch .active:hover svg {
	fill: #444;
}
	
/** 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 **/	


.ent #visuel_contact {
    background: #2C4093;
}

.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 .ctxt-form legend {
    border-bottom: 1px solid #2d5aa8;
    color: #2d5aa8;
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    width: 100%;
}

#formulaire_contact .form-group {
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.form-group {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.353em;
}

.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 #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%;
}

.contact.ent #formulaire_contact fieldset:last-of-type .form-group * {
    width: 100%;
}

.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 .mandatory-text {
    text-align: right;
    font-size: .9rem;
    padding: 0 2rem 0 0;
    margin: 0;
}

#formulaire_contact.confirmation #visuel_contact:before {
    background-image: url(/fr/images/entreprises/envoi2.svg);
    background-size: 128%;
    content: "";
    width: 419px;
    height: 261px;
    left: -13%;
}

.entr .msgbox.success {
    background-color: transparent;
	margin:0
}

.entr .row.confirmation .col_2_3 {
    background-color: #4ef9b5;
}
	

/*==---- 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; */
	/* } */

	 .faq-prime .flex.fc .encart {
		transition: all .3s ease-out; 
		padding: 1rem;
	}
			
	.faq-prime .encart:hover {
		background:#E1EFFF; 
	}

	.faq-prime-link {
		text-decoration:none
	}
	
	.faq-prime-link:hover {
		text-decoration:none
	}
	
	.faq-prime img {
		height:50px;
		margin: 0 auto;
	}
	
	.faq-prime .hero figure {
		margin:1rem 1rem;
		text-align:left;
	}

	.faq aside > div {
		padding: 3em 0;
		display:block;
	}

	.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%;
		-webkit-transform: translateY(-50%) rotateY(-180deg);
		transform: translateY(-50%) rotateY(-180deg);
		padding-left: 0.3125rem;
		left:-15px;
	}

	.faq aside .more:after {
		display:none
	}

	.faq aside .more {
		margin-left: 1.8rem;
	}

	.ent .row, .faq .row {
		display:flex
	}

	.faq h3 {
		margin-top:2rem
	}
	
	.faq h2 {
		margin-top:3rem
	}

	.faq h2+div {
		margin-top:0; 
		padding:0 0 3rem 0
	}

/*==---- tableau ----==*/

	table {
		margin:4em 0
	}

	td {
		padding: 15px;
		padding: 0.9375rem;
		border: 1px solid #f2efed;
		background: #fff;
	}

	td p {
		padding: 0;
		margin:0
	}

	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 {
		background-color: #002d61;
		padding: 15px;
		padding: 0.9375rem;
		color: #fff;
		position:relative;
		border-right: 1px solid rgba(255,255,255,0.5);
	}

	table thead th h4 img {
		display: inline-block;
		vertical-align:middle;
		margin-right:1rem
	}

	table thead th:last-child {
		-webkit-border-radius: 0 10px 0 0;
		-moz-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}

	table thead th:first-child {
		-webkit-border-radius: 10px 0 0 0;
		-moz-border-radius: 10px 0 0 0;
		border-radius: 10px 0 0 0;
	}

/*==---- Lexique ----==*/

	.lexique-toolbar {
		border-radius:20px 20px 0 0;
		border:1px solid #F2F5FA
	}

	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;
		position:relative;
	}
	
	.alphabet a.active {
		font-weight:700;
		font-size: 1.5rem;
		color: #002d61;
		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 ----==*/

	.testimony p {
		line-height: 1.5;
		font-size: 1.1rem;
		color: #24378d;
	}

	.entr .ei_footer {
		background: linear-gradient(91deg, #0043CB, #043ca5 );
	}
	
	.ei_footer {
		background: linear-gradient(-31deg, #003f87, #002d61);
	}
	
	.ent .key-figure>div>div img {
		width:80px;
	}
	
	.ent .key-figure>div>div {
		padding:0 0 .4rem 0
	}

	.ent .section-intro {
		font-size:1.25rem;
		line-height:1.2;
		padding-bottom:0
	}

	.intro.hero .banner h1, .intro.hero .banner p {
		color:#fff; 
		margin-bottom:1rem
	}

/*==---- 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 ----==*/


	.key-figure>div>div figure img {
		width: 42px;
	}

	.key-figure>div>div p {
		font-size: 15px;
		font-size: 0.9375rem;
		margin-bottom: 0;
		margin-top:0;
		max-width: calc(100% - 60px); 
		line-height: 1.2em;
		padding-left:1rem;
		color:#002d61
	}

	.key-figure>div>div p strong {
		font-size: 2.8rem;
		display: block;
		margin-bottom: .5rem;
	}
	
	.ent #chiffres .col_1_2 .flex p strong {
		font-size:2.5rem;
		color:#014495;
		line-height:1
	}
	
	#chiffres .key-figure>div>div {
		margin-bottom: 1rem;
	}

	.ent #chiffres .col_1_2:first-of-type .flex p strong {
		font-size: 5.5rem;
	}
	
	.ent #chiffres .col_1_2:last-of-type .flex p {
		text-align:left;
	}

	.key-figure figure {
		margin:0
	}

	.key-figure>div>div {
    padding: 1.7rem;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    border-radius: 10px;
    align-items: flex-start;
    box-shadow: none;
    margin-bottom: 0;
}
	
	.key-figure .flex p {
		width:100%;
		max-width:100%;
		text-align:center;
	}
	
	.ent #chiffres .col_1_2 .flex p:first-of-type {
		font-size:1.3rem;
		padding-left:1rem;
		width:100%;
		color:#014495
	}
	

	.ent #chiffres .col_1_2 .flex figure img {
		width:80px;
		background:none;
	}
	
	.ent .mentions-chiffres {
		margin:0 auto;
		font-size:.7rem;
	}

	.ent ol.styled li {
		background: rgba(0,68,148,0.05);
	}


/*==---- 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: 2rem;
		width: 100%;
	}

	.contact .i_blocgenform {
		text-align: left;
		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;
		padding: 0.625rem 1.875rem;
		margin-top: 5rem;
		margin-bottom: 2rem;
		position: relative;
		border-radius:20px;
	}

	.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, .contact .form-control input {
		width: 100%;
		border: 1px solid #24378D;
		padding: 10px;
		padding: 0.625rem;
		border-radius: 5px;
	}

	.contact label, .contact .form-control {
		width: 50%;
	}
	
	.contact label, .contact .form-label {
		text-align: right;
		padding-right: 10px;
		margin-top: 10px;
	}
	
	.contact #rdCodelabel {
		margin-top: 0;
	}

	.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 #002d61;
		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: #0043CB;
		background-color: #0043CB;
	}

	.form-group textarea {
		min-width: 300px;
		padding: .714rem 1.429rem;
		width: 100%;
	}
	
	.mandatory-text {
    font-size: .9rem;
    padding: 1rem 0 1rem 2rem;
    margin: 0;
}

	.form-action {
		margin:2rem 0;
		text-align:right
	}
	
	.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;
		padding: 1.5em .5em;
		text-align: center;
		text-transform: uppercase;
	}
	
	.contact .callwaiting tbody th {
		text-align: center;
		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: #006c4a;
	}
	.contact .call-grad2 {
		background-color: #4e7db5;
	}
	.contact .call-grad3 {
		background-color: #eb4c5e;
	}

	.contact .legendes {
		padding: 1.5em 0;
	}
	
	.contact .legendes > div {
		color: #717171;
	}
		
	.contact h3 {margin-top:3rem}
		
	table.two-entry thead th:nth-child(2) {
		border-radius: 10px 0 0 0;
	}

	.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;
		border-radius:10px;
	}
	
	.contact span.legende img {
		width:100%;
		height:auto
	}

/*==---- Footer ----==*/

	.ei_footer__socials .ei_footer__socials_list a {
		padding: 10px 8px;
	}
	
	.ei_footer__socials_txt {
		line-height:1
	}

	.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__links ul li {
		max-width: 260px
	}
	
	.ei_footer__content {
		max-width: 1190px;
	}

	.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;
		opacity:1
	}
	
	.ei_toplink a:before {
		display:none
	}
	
	.ei_toplink a .icon:before {
		content: "\F01BA";
		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;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 25px;
	}

/*==---- identification ----==*/

	.body.deco img {
		position:absolute;
		transform:translateY(-50%);
		top:50%;
		left:0;
		opacity:0.2;
		display:block;
	}
		
	.body.deco div {
		position:relative;
		padding:3rem 0 3rem 260px;
	}
	
	.body.deco {
		overflow:hidden;
	}
	
	.body.deco h1 {
			font-size:3rem;
	}	

	.ei_ident .ei_contener {
		max-width:1190px; 
		width:100%;
		padding-top: 3rem;
		padding-left:1rem;
		padding-right:1rem
	}
	
	.blocmodal h2:before {
		display:none;
	}
	
	.blocmodal  h2 {
		padding-left:0
	}
	
	.ei_ident .ei_contener  h1 {
		font-size: 3rem;
	}
	
	.ei_ident #ident {
		margin: 2rem 0;
	}	
		
	.ei_ident .identification div.err, #ident .err {
		color: #c42a2a;
		position: relative;
		background: #f8e2e2 none;
		border: none;
		padding: 1rem 2.5rem 1rem;
	}
	
	#ident .ei_appl_ident_lig label {
		color: #24378D;
	}
	
	#ident .ei_appl_ident_lig input.ei_appl_pwduser, #ident .ei_appl_ident_lig input.ei_appl_userid {
		border: 1px solid #24378D;
	}
	
	.ei_appl_ident_content + p {
		margin-top:0
	}

	div[id*="lbUserServiceLogout"] {
		border-left:none;
	} 
	 
	div[id*="lbUserServiceLogout"] div.a_blocfctltitre {
		background:none;
	}


	div[id*="lbUserServiceLogout"] div.a_blocfctltitre .ei_btn_footer {
		display: none;
	}

	div[id*="lbUserServiceLogout"] div.a_blocfctltitre .ei_btn_body {
		background-image:none;
		padding:0;
		margin-top:1rem
	}

	 div[id*="lbUserServiceLogout"] div.ei_blocmodal div.blocboutons {
		 background:none;
	 }
	 
	 
	 #ident.connexion_ent {
	padding:1.5rem;
}

#ident.connexion_ent span {
	margin-right:.5rem;
}
	 
/*==---- 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: "expand_more";
		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;
		border-radius: 30px;
		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.5em;
		color: #3d67af;
		transform: translateX(-50%);
		left: 50%;
		position: absolute;
		top: -25px;
		background: #fff;
		padding: 10px
	}

	.flex ol.styled {
		width:100%
	}
	
	.portrait_wrapper {
		height:550px;
		bottom: -1rem;
		position: relative;
	}
	
/*===----Message boxes----====*/

	.msgbox {
		padding: 2em;
		border-radius:10px;
	}

	.card .msgbox {
		font-size: .824em;
	}

	.msgbox.info {
		background-color: #cddaea;
		border-color: #cddaea;
		color: #014495;
	}

	.msgbox.alert {
		background-color: #fff0d1;
	} 

	.msgbox.warning,.msgbox.error {
		background-color: #ff4546;
		color: #ffffff
	}

	.msgbox.success {
		background-color: #4ef9b5;
	}

/*==---- Responsive ----==*/

	@media screen and (min-width: 73.813em) {
		header .ei_header__nav {
		padding-bottom: 0;
		}
	}

	@media screen and (max-width: 100em) {
		.personne {
			left:-15%
		}
	}
	
	@media screen and (max-width: 80.0625em) {
		header.intro.hero article.droite {
			left:1%
		}
		li.e_dropdown.enrichi .e_smenu ul li a, li.e_dropdown.enrichi .e_smenu ul li.e_select:not(.e_column)>a {
			padding: .5rem 0 .5rem 4rem;
		}
		
		/* .menu-outils .e_smenu { */
			/* max-width:290px !important; */
		/* } */
		
		.menu-es.enrichi.deux-colonnes ul li.hidden:before {
			top: 20px;
		}

	
	}

	@media screen and (max-width: 73.75em) {
		
		.applat3:after, .applat:after {
    display:none
}

		
	.tile.horizontal figure img, .une .tile figure img {
		height: 100%;
		object-fit: cover;
	}
		
		
	#ei_tpl_fullsite .ei_contener .mb_8 {
		margin-bottom:0;
	}
	
	.glass.flex.nw {
		flex-wrap:wrap
	}
	
	.glass .tile {
		width:100%;
	}
	
.glass .tile.flex, .glass .tile:last-of-type {
    margin: 1rem;
}
		
	.body.ent.isr .intro .col_1_3 img {
    position: relative;
    width: 100%;
    left: auto;
	}

		
		#formulaire_contact #visuel_contact:before {
			background-size: 100%;
			position: relative;
			top: 50%;
			left: auto;
			width: 100%;
		}
		
		#modal_forgottenuser_container, #modal_exemple_container {
			min-width: auto;
			width:80%;
			top: 18%;
			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;
		}
		
		#bandeau-connexion {
			display:block !important;
			background:#002d61;
			color:#fff;
			box-sizing:border-box;
			padding:.5rem 1rem;
			position:fixed;
			text-align:center;
			width:100%;
			z-index:1000;
			top:0;
			
		}
		
		#bandeau-connexion a {
			border:1px solid #fff
		}
		
		/* .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: 53px; */
			/* transition:all .05s ease-in  */
		/* } */
		
		/* .ei_mode_sticky .par .ei_header { */
			/* top: 0; */
		/* } */
		
		/* .ei_mode_sticky .par .ei_menu__burger { */
			/* top: 27px !important; */
		/* } */
		
		/* .ei_mode_sticky .par #bandeau-connexion { */
			/* position:fixed; */
			/* top:-80px; */
		/* } */
		
		.faq-prime .faq-prime-link.flex {
			flex-wrap: nowrap;
		}
		
		.annonce .ei_menu__burger {
			top: 87px;
			z-index:3000
		
		}
		
		.ei_menu__burger {
			top: 30px;
		}



		.ei_menumobil .ei_menu__content {
    padding: 60px 16px 16px 16px;
}
		
		.annonce #ei_tpl_fullsite {
			padding-top: 10em;
		}
		
		#bandeau-configurateur {
			top: 90px;
		}

		#bandeau-configurateur .flex {
			flex-wrap: wrap;
		}

		#ei_tpl_fullsite #bandeau-configurateur h2 {
		   font-size:1rem
		}

		#bandeau-configurateur .flex div {
			width: 100%;
		}

		#bandeau-configurateur .col_2_3:first-of-type {
			padding-left: 0.9375rem;
			text-align: center !important;
			padding-bottom: 0 !important;
		}

		#bandeau-configurateur .flex:before {
			display:none
		}
		
		.body.ent .chapeau .row > div {
			padding: 0 0.9375rem;
		}
		

		.intro_v2022 .droite {
			bottom: -100px;
			width:60%;
		}

		#header-wrapper {
			padding: 0 1rem;
		}
		
		header.hero > .banner {
			max-width:100%;
		}
		
		header.intro.hero {
			border-radius:0;
			min-height:auto
		}
		
		.intro.hero .tresto h1 {
			font-size: 2rem;
		}
		
		.tile.horizontal.anim figure img.gauche {
			left:auto;
			right:0
		}
				
		.body.actualite .content-type {
			right:3rem
		}
		
		.ei_menumobil .ei_menu__nav>ul>li.home>a {
			text-indent:0;
			width:100%;
			padding-left:35px;
		}
		
		.ei_menumobil .espace {
			margin-top:0;
			width:100%;
			color:#fff;
		}
		
		li.home a:after {
			top: 17px;
		}
		
		.body.flex {
			padding: 40px 20px;
			padding: 2.5rem 1rem;
		}
		
		.faq-list li {
			padding: 0 1rem;
		}
		
		.ei_menumobil .ei_menu__links, .ei_menumobil .ei_menu__logout {
			padding: 1.2rem;
			padding-bottom: 1.2rem;
			background: rgba(255,255,255,0.2);
			border-radius: 15px;
			margin-top:2rem
		}
		
		.encart.tile {
			padding: 1.5rem;
		}
				
		.ei_ident #ident {
			margin: 0 auto;
		}
		
		.ei_appl_ident_blocbts {
			margin-bottom:1rem !important;
		}
		
		.ei_ident .ei_contener {
			background:none;
			padding:2rem;
		}		
		
		.ei_menu__nav > ul > li:first-child > a {
			left: 0;
		}
				
		.ei_menu__nav>ul>li.cta a {
			text-align:left !important;
			border:none;
		}
		
		.ei_menumobil .more {
			color: #fff;
			width: 100%;
			margin-bottom: 1rem;
			margin-top:0
		}	
		
		.ei_menumobil .ei_menu .btn {
			padding: 1rem 1rem 1rem 2rem;
			background:#fff;
			border:none;
			width: 100%;
			color:#002d61
		}
		
		.ei_menumobil .cta a:hover {
			background: transparent !important;
			border: none !important;
			color: #fff !important;
			text-decoration: none;
		}
		
			/* li.home.e_select a:before { */
				/* left: 16px !important; */
			/* } */
		
		.ei_menu__nav>ul>li.cta {
			position: relative; 
			top: auto; 
			right: auto; 
		}
		
		.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
			padding: 0 1em 2rem 2rem;	
		}			
	
		.btn {
			line-height:1
		}
		
		.hero.solo .img {
			height:auto;
		}

		.hero.solo .img img {
			left:auto
		}
		
		.hero.solo .banner div, aside+div, aside {
			padding: 0;
		}
	
		header.fullw.hero, header.fullw.hero .col_1_2 {
			min-height:initial
		}
		
		#testimony {
			bottom: -8%;
			top: auto;
			right: 5%;
			width: 90%;
			height: auto;
			text-align: left;
		}
		
		#testimony h1 {
			font-size:2rem;
		}
		
		.liens-header .col_1_3, .liens-header .col_1_3:nth-child(2) {
			padding:0.5rem
		}	

		header.fullw.hero .col_1_2, header.intro.hero .col_1_2 {
			display:flex;
		}

		header.fullw.hero .actions {
			margin-top:0
		}
			
		.internal-navbar .col_1_4 {
			width:50%
		}
	
		.hero.solo {
			height:100%
		}
	
		.hero.solo .banner div {
			position: relative;
			top: auto;
			left: auto;
			width: 100%;
			transform:none;
			text-align: left;
			color: #fff;
			margin: 0 auto;
			max-width: 1190px;
			z-index: 2;
		}
		
		.hero > .flex > div[class*="col_"].banner {
			padding: 2rem
		}
		
		.hero.flex {
			padding:0
		}

		.internal-navbar-container h3 {
			min-height:50px
		}

		.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 {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}	

		header.hero .img img {
			height: auto;
			width: 170%;
			max-width: 170%;
		}
		
		.hero.solo .img img {
			height: auto;
			width:auto;
			max-width:100%
		}

		header.hero .banner {
			padding: 2rem;
			position:relative;
			transform:none;
			top:auto;
			left:auto;
		}

		.hero.no-img div.banner h1 {
			color: #fff;
		}

		.liens-header {
		   bottom: -2px;
		}

		header.hero {
			max-height: inherit;
			min-height:auto
		}
			
		.ei_header__logo a {
			position:relative;
			left:-6px;
		}
			
		section > div, .fullw > .flex, .ei_footer__content {
			max-width: 100%;
		}
			
		header.fullw.hero article, .portrait_wrapper, aside .btn, aside.sticky .btn, .ei_menumobil li.home, .fullw.part .tile {
			width: 100%
		}

		header.fullw.hero li.hero article {
			height:auto
		}
	
		.body > section, .home_promo, .body.ent section.chapeau, .body.ent.isr section.chapeau {
			padding: 0 1rem;
		}
		
		.chapeau > .row {
			padding-bottom:0
		}
	
		/* #ei_tpl_fullsite { */
			/* padding-top: 90px; */
		/* } */
					
		header.fullw.hero, header.intro.hero {
			background-image:none;
			padding:1rem;
		}


		header.fullw.hero ul li:nth-child(odd) {
			left:auto
		}

		header.fullw.hero li.hero {
			margin-bottom:0
		}

		header.fullw.hero ul {
			margin:0;
			padding:0;
		}

		header.fullw.hero .col_1_2, header.intro.hero .col_1_2  {
			margin-bottom: 30px;
			margin-bottom: 1rem;
		}

		header.intro.hero article {
			bottom: 0;
			left: 0;
		}

		ul.styled li {
			margin:0 auto
		}

		header.fullw.hero .col_1_2 article, .fullw .col_1_2:nth-of-type(2) article:nth-child(1), .fullw .col_1_2:nth-of-type(2) article:nth-child(2) {
			bottom: auto;
			left: auto;
			right:auto;
		}

		header.intro.hero {
			left:0;
			margin-bottom:1rem;
			max-width: 100%;
		}

		.flex .col_1_2:nth-child(2) {
			padding-right:0.9375rem
		}
		
		.hero.solo .banner, .hero.solo div[class*="col_"] {
			padding: 0 2rem;
		}

		header.intro.hero .col_1_2 ul {
			width: 100%;
			margin-top: 0;
			position: relative;
			bottom: 0;
			right: 0;
			padding:1rem
		}

		header.intro.hero .col_1_2 {
			padding: 0.9375rem 0 0.9375rem 0;
		}

		.body.actualite > .flex.inverse article {
			margin-right:2rem;
		}
		.body.actualite .flex.inverse aside > div {
			padding-left:0
		}
		
		.body aside.sticky > div {
			padding-left: 1rem;
		}
		
		header.hero.simu .banner {
			padding: 2rem;
		}
		
		#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
		}	
		
		fieldset {
			padding:0
		}

	}
	
	@media (max-width:67.5em) {
		
			
	.ei_menu__nav>ul>li.menu-services>.e_smenu, .ei_menu__nav>ul>li.menu-solutions>.e_smenu {
    left: auto !important;
}

.enrichi.deux-colonnes .offset {
    margin-left: 0 !important;
}
	
		
		#module_espace_switch .switch div.inactive {
    border: 3px solid #fff;
	opacity: .2;
}
		
		header.fullw.hero li figure, #module_espace_switch .switch div.move {
			display: none;
		}

		
		#module_espace_switch .switch div.inactive, #module_espace_switch.epargnants .switch .inactive, #module_espace_switch.entreprises .switch a {
			background: #24378d;
		}

		#module_espace_switch .icons {
			width: 21px;
			height: 18px;
		}

		#module_espace_switch .switch a, #module_espace_switch div.inactive {
			z-index: 2;
			color: #fff;
			position: relative;
			padding: .9rem;
		}

		#module_espace_switch .switch div.active a {
			color: #fff;
		}

		#module_espace_switch .switch.row {
			background: transparent;
			box-shadow:none
		}

		.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%;
		}

		#module_espace_switch.epargnants .switch a, #module_espace_switch.entreprises .switch .inactive {
			background:#0043CB
		}

		.ei_menu__links #module_espace_switch .switch div:first-of-type {
			margin-bottom: 1rem;
		}

		.ei_menumobil .ei_header .btn {
			margin-top: 1rem;
		}

		#module_espace_switch .situation {
			color: #fff;
		}

		#module_espace_switch .situation {
			width: 100%;
			text-align: center;
			display: block;
			margin-bottom: .5rem;
		}
		
	}
	
	@media (max-width: 950px) {
		
			.glass .tile, .glass .tile:last-child {
		width: 100%;
	}
	
	.glass .tile .fleche:after {
		right: 6px;
		opacity:1
	}
	
	.glass .tile.flex {
		margin:1rem;
	}
	

	
	.glass .flex.ac {
		align-items: center;
		width: 100%;
	}
	
	.flex.nw {
		flex-wrap: wrap;
	}
	
	.glass .tile.flex a .infos p {
		padding: 0;
	}
			
		.tile figure img.gauche {
			left:-125%
		}
		
		.tile.horizontal.anim figure img {
			width:280px;
			max-width:280px;
			right: -110%;
		}
		
		
		#cookieLB div.ei_richrbgroup div.ei_richrb {
			float:none
		}

		.hero.solo .col_1_3, .hero.solo .col_2_3 {
			width: 100%
		}
	
		.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
			padding: 0 1em 2rem 0rem;
		}
		.portrait_wrapper {
			margin-right:10px;
		}
		
		#cookieLB div.ei_richrbgroup div.ei_richrb.ei_richrb_but_hidden label {
			padding-right: 10px;
		}
		
	}

	@media screen and (max-width: 48em) {
		
			/* .ei_header { */
    /* top: 0; */
/* } */

/* #ei_tpl_fullsite { */
    /* padding-top: 107px; */
/* } */

#annonce-ere {
    /* position: relative; */
	height:auto;
}

#annonce-ere * {
    color: #fff;
    font-size: .9rem;
    line-height: 1;
}


		#pilotez .pseudo-menu {
    flex-wrap: wrap;
}


#pilotez .pseudo-menu span.picto {
    width: 100px;
    height: 100px;
    transform: none;
    top: auto;
}

#pilotez .pseudo-menu .picto:before {
    height: 90px;
    width: 90px;
    /* top: 2rem; */
}

#pilotez .pseudo-menu li .titre {
    top: auto;
}

#pilotez .tile__projet__arrow [class^=icon_] {
    top: auto;
}

#pilotez .internal-nav.pseudo-menu li a {
    padding-bottom: 1rem
}
		
		.horizontal {
    flex-wrap: wrap !important;
}
		#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%; */
}

#pilotez img {
    width: 100%;
}
		
	li.e_dropdown .e_smenu ul li {
		padding: .3rem 1rem;
	}
		
	.hero .banner .actions {
		flex-wrap: wrap;
	}
	
	header > .banner .actions .btn {
		width: 100%;
		max-width:100%;
		margin-right:auto;
	}
	
	.ei_menu__nav>ul>li.menu-outils>.e_smenu {
		left: 0 !important;
	}
			
	.enrichi.deux-colonnes ul:before {
		display:none;
	}
		
		.enrichi.deux-colonnes ul {
		display: block;
	}
	
	.enrichi.deux-colonnes .e_smenu {
		width: 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 ul li:nth-child(2) {
		order: 0;
		margin-top: 2rem;
	}
	
	.enrichi.deux-colonnes ul {
		display:flex;
	}

.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
	}
		
		
		.out, .hero img.out {
			position: relative;
			transform: none;
			left: auto;
			top: auto;
		}
		
		.services-salaries .accompagnement .col_2_3 {
			padding: 2rem;
		}
		
		.m_order2 {
			order:2
		}
		
		#ei_tpl_fullsite .ei_contener .mb10 {
			margin-bottom:0 !important;
		}
		
		.tile.tiers.horizontal figure {
			width: 100%;
		}
		
		.tile.horizontal figure img, .body.flex .banniere.tile.horizontal figure img {
			width: 100%;
			transform: none;
			position: relative;
			left:  auto;
			top: auto;
		}
			
		.tile.tiers.horizontal .banner {
			width: 100%;
		}
		
		#formulaire_contact #visuel_contact:before {
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			background-size: 50%;
			width: 350px;
			height: 664px;
			position: absolute;
		}
					
			#formulaire_contact > div:first-of-type {
				height: 200px;
				order: 0;
				overflow: hidden;
			}

		
		.body.ent.isr .intro .col_1_3 img {
			position: relative;
			width: 100%;
			left: auto;
		}
		
		.ei_contener .solutions {
			padding-top:2rem;
			padding-bottom:2rem;
		}

		
		aside, aside.sticky, .body.ent aside.sticky, .body.ent aside {
			padding: 0;
			width: 100%;
			margin:2rem 0
		}
		
		
		header.hero.configurateur .col_1_2:nth-child(2) article {
			position: relative;
			height: auto;
		}

		.chapeau .visuel_gauche {
			margin-top:2rem
		}
		
		header.hero.configurateur .banner img {
			right: auto;
			height:auto
		}

		.body.ent > .flex.inverse article {
		  margin-right: 0;
		}
		
		
		 .body.ent > section aside+div {
			width: 100%;
		}
		
		
		.visuel_besoin img {
			max-width:150px;
		}
		
		
		.table_fcpe div, .m_table {
				overflow: scroll;
			}
		
		#services .col_1_3 {
			height: 400px;
			width: 100%;
			background-position:top center
		}
			
		#services > div > .row > .col_1_2 {
		  top: 0;
		  margin-bottom:2rem
		}

		#services > div > .row > .col_1_2 .service {
			z-index: 0;
			top: 0;
			right: 5% !important;
			  width: auto
		}

		#services .col_2_3 {
			width: 80%;
		}
		

				
		#header-wrapper .horizontal.tile .banner, header.fullw.hero .horizontal.tile .banner {
			width: 100%;
			margin-top: 0;
			padding:1.875rem
		}
		
	
		#header-wrapper .horizontal.tile figure, header.fullw.hero .horizontal.tile figure {
			width: 100%;
		}

		.intro_v2022 .droite {
				width: 100%;
				bottom: auto;
				right: auto;
				position:relative;
			}
			
		.salaries .argument, .droite .argument {
			margin-right: 0;
			padding-right:2rem;
			padding-left: 2rem;
		}
			
		#header-wrapper {
			width: 100%;
			height:auto;
			padding: 0 1rem;
		}
	
		.content__container {
			height: 34px;
		}

		.intro_v2022 #config .tile {
			padding-bottom: 1rem;
		}

		.intro_v2022 .tile h1 {
			   font-size: 2rem;
			line-height: 1;
		}
		
		#ei_tpl_fullsite p.h1 {
			display:none;
		}

		.tile.horizontal.anim figure img {
			right: -30%;
			width:220px;
			height:220px;
		}
		
		.tile.horizontal .col_1_3 {
			width:33%
		}
		
		.tile.horizontal .banner.col_2_3 {
			width:66%
		}
				
		.tile .infos, .tile .horizontal .infos, .simulateurs .tile .infos, .nos-quiz .tile .infos, .tile.projets .infos  {
			min-height:auto;
			width: 100%;
		}
		
		.body.actualite article .content-type {
			right:0;
			top:25px;
		}
		
		.body.deco img {
			left:-20%;
			opacity:.1;
			width:400px;
		}
		
		.body.deco div {
			position:relative;
			padding:4rem 1rem 4rem 1rem;
		}
		
		.rebound-article, .rebound-article .banner, .rebound-article a {
			width:100%;
			display:block;
		}
			
		.body.actualite .flex.inverse aside.sticky #colonne-actu, .body.actualite .flex.inverse aside #colonne-actu {
			background:#FAFBFD;
			padding:1rem
		}
				
		section {
			padding:2rem 1rem;
		}
		
		header.fullw.hero .col_1_2 {
			margin-bottom: 2rem;
			padding:0
		}
		
		.fullw .col_1_2:nth-of-type(2) article:nth-child(1) {
			margin-bottom: 1.4rem;
		}
		
		.btn, .secondary, .primary {
			max-width: 90%;
		}
		
		.ei_menu__links .btn, .aes .btn {
			max-width:100%
		}
		
		.section-intro, .ctxt-home .section-intro {
			width:90%;
			font-size:1rem;
		}
		
		.module-container:not(.first-step) {
			padding: 3rem 1rem 1rem 1rem;
			margin-bottom: 2rem;
		}
		
		#module-cas-deblocage legend {
			margin-bottom:0;
			padding-bottom:1rem
		}
		
		.module-container .row {
			margin-top:0
		}
		
		.radio-style + .radio-style {
			margin-left: 1rem
		}
				
		.body aside.sticky > div {
			padding-left: 0;
		}
		
		.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;
			top:0;
		}
		
		.simul-form {
			padding:2rem 1rem;
		}
		
		.body.actualite.simulateur > section:first-of-type {
			padding:1rem;
		}
		
		.simul #mentions-legales {
			margin-top:0
		}
		
		.body.actualite header {
			margin-top:1rem
		}
		
		.key-figure>div>div p strong, .ent #chiffres .col_1_2 .flex p strong {
			line-height:1;
			font-size:1.8rem
		}
				
		.liens-header .col_1_3.active a {
			border:1px solid #c3c3c3
		}
			
		.intro .tile figure img.gauche {
			right: auto;
			left: auto;
			bottom:auto;
			margin:0 auto
		}
						
		#testimony {
			bottom:5%;
			right:5%;
			width:46%;
		}
		
		.v2022 ol.styled li:before {
			font-size: 12rem;
		}
		
		aside.sticky .btn, aside btn {
			width:auto
		}
	
		.ei_footer__links ul li {
			padding: 4px;
		}	

		.btn.double {
			font-size: 1rem;
			padding: 1rem 3rem 1em 3rem;
		}	
	
		header.hero.solo .banner, header.hero.solo div[class*="col_"] {
			width:100%;
			padding: 2rem;
		}	

		header.hero .img img {
			height: auto;
			left: auto;
			width: auto
		}
	
		.body.flex {
			padding:0
		}
	
		.return .more {
			margin-top: 0;
		}
	
		#ei_tpl_fullsite .h2, #ei_tpl_fullsite h2 {
			font-size: 1.8rem;
			line-height: 1.1;
		}		
		
		#ei_tpl_fullsite .chapeau h2 {
			padding-top:3rem
		}	

		#ei_tpl_fullsite article .h2:first-of-type, #ei_tpl_fullsite article h2:first-of-type {
			padding-top:0
		}			
			
		header.intro.hero {
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			max-height: initial;
			margin-top:0
		}

		.intro.hero .tresto h1, h1, .ei_ident .ei_contener h1 {
			font-size: 2.2rem;
			line-height: 1;
		}
		
		.body.actualite header {
			margin-top:2rem;
		}
			
		/*.flex .col_1_2:nth-child(2) {
			padding-right:0
		}*/

		.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;
		}
		
		header.fullw.hero .portrait_wrapper {
			position:relative;
			width:70%;
			height:auto;
			bottom:0;
			border-radius:30px;
			overflow:hidden;
		}
		
		header.fullw.hero .portrait_wrapper img {
			height: auto;
			min-height:auto
		}
		
		.simul, .iframe-container  {
			margin-top:0;
		}

		.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 !important;
			flex-flow: column;
		}
		
		header.hero.no-img {
			background-color: #FAFBFD;
			background-image: none;
		}
		
		.liens-header .col_1_3 {
			margin:.5rem 0;
			padding:0
		}

		.liens-header .col_1_3:nth-child(2) {
			padding: 0;
		}
			
		.body.actualite > .flex.inverse article {
			margin-right:auto
		}
		
		.body.actualite .flex aside, .body.actualite .flex aside+div {
			width:100%;
			padding:0
		}

		header.fullw.hero .flex .col_1_2 {
			flex-direction: column;
		}

		.encart.tile {
			margin:0; 
			position:relative;
		}
			
		.intro .flex.horizontal .col_1_3:nth-child(1) {
			padding-left:0
		}
		
		header.intro.hero article .col_2_3, .tile.horizontal.anim.gauche .banner.col_2_3 {
			padding-top:0;
			padding-bottom:2rem
		}
	
		header.intro.hero article {
			margin-top: 0;
			width:100%;
			flex-direction: column;
		}
		
		section#actu-nav {
			padding:1rem
		}
		
		.contact label, .contact .form-control, .contact .i_blocgenform fieldset, .form-group textarea {
			width:100%;
			min-width:auto;
		}

		.contact .i_blocgenform fieldset {
			padding: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;
		}
	
		.ei_footer__links ul li {
			max-width: 100%;
		}
		
		ol.styled li {
			margin-left:0; 
			margin-right:0
		}	
	
		.ei_footer__links ul li ul li, .avis .col_1_2, .avis .col_1_2 + .col_1_2, .internal-navbar .col_1_4 {
			text-align: center;
		}	
	
		.liens-header .col_1_3.active a {
			box-shadow:none;
		}
		
		.liens-header .col_1_3 figure {
			border-radius:5px;
			margin-right:1rem;
		}
	
		.liens-header .col_1_3 p {
			width:100%; 
			max-width:100%;
			padding-left:0
		}
		
		.liens-header a {
			border-radius:10px;
			background: rgba(232,232,232,0.60);
		}
	
		.internal-navbar .col_1_4 {
			display:block
		}
	
		header.hero {
			min-height:100%;
		}
			
		header.hero .banner {
			padding:2rem 1rem;
			position:relative;
			left:auto;
			right:auto;
			transform:none;
			top:auto;
			/*text-align:center;*/
		}
		
		.hero.simu .banner, .hero.flex div[class*="col_"] {
			padding:2rem 1rem
		}
		
		.hero.solo .banner, .hero.solo div[class*="col_"] {
			padding: 2rem 2rem 0 2rem;
		}

		.hero.solo .img {
		 display:block
		}

		.liens-header {
			position: relative;
			bottom: auto;
			max-width: 1010px;
			margin: 1rem auto 0;
			width:100%
		}
						
		.col_1_2, .col_1_3, .col_2_3, .col_1_4, .styled li, .w70, .w80, .w90, ol.styled li, header.hero .col_1_2 ul li>div, .module-container .col_1_2, .faq-list .article-title, header.fullw.hero .flex .col_1_2 article, .col_3_4, #quicksearch, .filters > div {
			width: 100%
		}
		

		header.intro.hero, header.intro.hero .col_1_2 ul {
			left: auto;
			right:auto;
			bottom:auto;
		}


		header.intro.hero .col_1_2 ul {
			padding:0;
			margin-bottom:0
		}

		header.fullw.hero li.hero {
			height: auto;
		}

		header.fullw.hero ul li.hero figure+div {
			padding: 30px;
			padding: 1.875rem;
		}

		li.tile .actions {
			padding:0
		}
		
		.sticky .actions {
			text-align:center
		}
		
		.ei_menu__nav>ul>li>.e_smenu {
			left: 0 !important;
		}
		
		.ei_menumobil .btn.primary {
			background: #fff;
			border:none
		}
		
		header.fullw.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 {
			/*order: 2;*/
			padding: 0;
			width: 100%;
		}

		.body aside.sticky > div {
			padding-right:0
		}
		
		.modal {
    		position: absolute;
			box-sizing: border-box;
		    top: 1%;
		    max-width: 98%;
    		bottom: auto;
    		overflow: scroll;
			width:95%;
			padding:3.5rem 1.5rem 0 1.5rem!important
  		}
		
		.modal-title {
			margin-top:1rem
		}
		
		.modal > div {
			padding-right:0
		}
		
		.actions .btn.secondary, button.secondary, .btn.secondary {
			line-height: 1.2;
		}

		.ei_contener aside+div, .ei_contener aside+section {
			width: 100%;
			padding:1rem
		}
	
		.hero .banner {
			position:relative;
			transform:none;
			top:auto;
			left:auto;
		}
		
		.entr div.banner h1 {
			color:#fff
		}

		table.two-entry thead th:nth-child(2) {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
		
		
		.home_promo .banner {
			min-height: auto;
		}
		
		.fullw.hero .img, aside.sticky nav, div.hero > figure, li.hero > figure, .simulateurs:before, .visually-hidden, .faq-list a:hover .icoon, .faq-list a:focus .icoon, .body.actualite header.hero.no-img, .hero.no-img:before, .hero .img {
			display:none;
		}

	}
	
	
	@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.250em) {
		
	.home .col_1_3 article {
        transform: none;
        position: relative;
    }
	
	.hero.configurateur, .hero.part, .ei_contener header.home {
    padding: 5rem 0 0 0;
}
	
	
	.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;
}
	.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;
}

		.ei_menu__content li.menu-es.e_dropdown.enrichi.deux-colonnes li.une a {
			padding-left: 3rem;
		}
		
		
		.menu-es.enrichi.deux-colonnes ul li:nth-child(9) {
			order: -1;
		}
				
		.enrichi li span {
			display: block;
			text-align: left;
		}
		
		.enrichi.deux-colonnes ul li:nth-child(2):before {
			position: relative;
			top:auto;
			margin-bottom: 1rem;
		}
		
		.enrichi ul li,.enrichi.deux-colonnes ul li, .ei_menu__nav .menu-es.enrichi.deux-colonnes ul li {
			margin: .2rem .2rem;
		}
		
		.ei_menumobil .ei_menu__nav>ul>li>.e_smenu {
			padding: 1rem 0 0 0;
		}
	
		.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:before {
			font-size:.8rem
		}
		
		.enrichi.deux-colonnes ul li .picto.une:before {
			background-image: url("/fr/images/entreprises/pictos/startup.svg");
			height: 40%;
			width: 40%;
			left: 85%;
		}
		
		.glass .tile .horizontal figure {
			margin:1rem auto;
			width:110px;
			height:110px;
		}
		
		.glass .tile .horizontal img {
			height: 110px;
			width:190px;
			max-width:190px;
		}
		
		li.menu-solutions.e_dropdown.enrichi.deux-colonnes li.sub-enrichi {
			padding: 8px 16px;
			background-color: #e1e6fc;
		}
						
		#cookieLB.a_blocappli .blocboutons .ei_mainbuttons {
			margin-left: 0;
		}	
			
		#cookieLB .ei_btn {	
			margin-bottom:1rem;
		}
		
		.ei_buttonbar {
			display: block;
		}
				
		.internal-navbar-container {
			padding:0;
		}		
		
		.internal-navbar-container h3 {
			min-height: auto;
		}
				
		#services > div > .row > .col_1_2 .service {
			z-index: 0;
			top: 0;
			right: 0 !important;
			width: 100%;
		}
		
		.flex.fc > .col_1_2, .flex.fc .col_1_3 {
			margin-left: 0;
			margin-right: 0;
		}
				
		.ei_footer__socials .ei_footer__socials_txt {
			margin-bottom: 1rem;
		}
		
			#teaser-dispositif .secondary {
			margin-left: 0;
		}

			#teaser-dispositif .menu li.active:after, #bandeau-configurateur .flex:before, header.fullw.hero.part #articles figure, .horizontal.anim figure {
			display: none;
		}
	
		li.home a .icon:after {
				top: auto;
		}
		
		.tile.horizontal.anim figure img {
			    right: -68%;
				width: 220px;
				height: 220px;
				max-width: 220px;
				z-index: -2;
				position: absolute;
				opacity: .1;
		}

		.fullw .tile.horizontal {
			flex-wrap:wrap
		}
		
		.fullw .tile.horizontal .col_2_3 {
			width:66%
		}
		
		.fullw .tile.horizontal .col_1_3 {
			width:33%
		}
		
		.body.deco img {
			left:-30%;
		}
		
		.key-figure figure {
			margin: 0 auto;
			display: block;
			/*width: 100%;*/
			text-align: center;
		}
		
		.key-figure > div > div {
				padding: 1rem !important;
			}
		
		
		.ent #chiffres .col_1_2:first-of-type .flex p strong {
			font-size: 3em;
		}
		
		.ent #chiffres .col_1_2 .flex p:first-of-type {
			font-size: 1.1rem;
		}
		
		.key-figure>div>div p, .ent #chiffres .col_1_2:last-of-type .flex p {
			display:block;
			text-align:center;
			max-width:100%;
			padding-left:0;
			margin:0 auto
		}
			
	
	
		header.fullw.hero h1 {
			font-size: 2rem;
		}
	
		header.fullw.hero .portrait_wrapper img {
			height: auto;
			min-height:auto;
			width:100%
		}
		
		header.fullw.hero .portrait_wrapper {
			width:90%;
			left:0
		}
		
	#services > div:after {
		content: "";
		height: 300px;
		width: 300px;
		bottom: -142px;
		right: -46px;
	}

	
	#services > div > .row > .col_1_2 {
		left: 0;
		top:0
	}
	
	#services > div > .row {
		margin: 0;
	}
	
	#services > div > .row > .col_1_2:first-of-type .service, #services > div > .row > .col_1_2 .service {
		position: relative;
		bottom: auto;
		top: auto;
		right: auto;
	}
	
	#services > div > .row > .col_1_2:last-of-type {
		top: auto;
		right: auto;
	}
	
	#services .col_2_3 {
		border-radius: 0 0 20px 20px;
		z-index:3
	}


	.tile.horizontal.svg figure img {
		width: 70%;
		position: relative;
		display:block;
		transform:none;
		left:auto;
		top:auto;
	}
	

	#header-wrapper {
		height: auto;
	}
	
	.ent.v2022 ol.styled li {
		width: 100% !important;
	}

#teaser-dispositif .actions {
    width: 100%;
    text-align: center;
}

#teaser-dispositif .actions a, #header-wrapper.intro_v2022 #config {
    margin-bottom: 1rem;
}

.intro_v2022 #config .tile {
    padding-bottom: 1.5rem;
}

#header-wrapper .tile.horizontal.anim.droite .banner.col_2_3 {
    padding: 1.5rem;
}

.content__container {
    height: 68px;
}


header.hero.configurateur  .flex .col_1_2 article img, header.hero.configurateur  .flex .col_1_2 article, .body.ent aside.sticky, .entr .body aside, .horizontal.tile figure, .horizontal.tile .banner, .body.ent aside.sticky, .body.ent aside, .body.ent > section aside+div, #bandeau-configurateur .flex div, .ei_content .col_1_2, .ei_content .col_1_3, .ei_content .col_1_4, .ei_content .styled li, .ei_content .w70, .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, .col_3_4, .col_2_3, .hero .banner div, .flex.fc > .col_1_2, .flex.fc .col_1_3, #services .col_2_3 {
    width: 100%;
}


.body.ent > .flex.inverse article {
    margin-right: 0;
}

.entr .tile.vide {
    height: 300px;
}

.body .visuel_gauche img, .body .visuel_droite img {
    position: relative;
    transform: none;
    left: auto;
    top: auto;
    width: 100%;
    margin: 0 auto;
	max-width:250px;
}


article .faq-rebond {
    padding-top: 2rem;
}

.autres-dispositifs {
    margin-top: 2rem;
}

#bandeau-configurateur .col_2_3:first-of-type {
    padding-left: 0.9375rem;
    text-align: center !important;
    padding-bottom: 0 !important;
}


#bandeau-configurateur .flex, .entr .horizontal.svg, .ent .horizontal.svg, .filters .flex, .horizontal.tile {
    flex-wrap: wrap;
}

#bandeau-configurateur h2 {
    font-size: 1.2rem;
    margin-left: .5rem;
}


#bandeau-configurateur {
    top: 165px;
}

	.solutions.outils .illustration {
		background: url(/fr/images/entreprises/outils-es.jpg);
		height:500px;
		background-size: cover;
		background-position: center center;
	}

	.argument, .salaries .argument {
		position: relative;
		z-index: 2;
		margin-left: 0;
		background: #fff;
		padding: 2rem;
		padding-left: 2rem;
		padding-top:0
	}	

	.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, .solutions.outils .illustration div, .salaries .effect:after, .droite .effect:after, .avantages.effect:before {
		display:none;
	}
	
	.intro-illustration {
		padding-left: 30px;
		padding-right: 30px;
		margin-left:auto;
	}	
		
	.picto-rond {
    position: relative;
    left: auto;
    margin: 0 auto;
    top: 0;
    transform: none;
}

.flex.fc > .col_1_2, .flex.fc .col_1_3, .body .flex.fc .col_1_3 {
    margin-left: 0;
    margin-right: 0;
	width:100%
}


.salaries .intro-illustration, .droite .intro-illustration {
    margin:0;
	padding:0 30px
}

.salaries .argument, .droite .argument {
    margin-right: 0;
    margin-left: 0;
    text-align: right;
    padding-right: 2rem;
    padding-left: 2rem;
	text-align:left;
}

.solutions.kes .illustration div {
    background: url(/fr/images/entreprises/kes.jpg);
	height: 500px;
    background-size: cover;
    background-position: center center;
}

.hero.no-img div.banner h1 {
    margin-bottom: 0;
    font-size: 2rem;
    padding: 2rem 0rem;
	text-align: center
}

#bandeau-configurateur h2 {
    text-align: center !important;
}

.entr .hero div.banner p {
    padding: 0 2rem 2rem 2rem;
}

.entr .hero.configurateur div.banner p {
    padding: 0;
}


.entr .hero div.banner h1 {
    padding: 2rem;
	text-align:center;
	font-size: 1.5rem;
}

		.entr .hero.configurateur div.banner h1 {
    padding: 0;
}
		
	
	
	}

	@media screen and (max-width: 26.25em) {	
	
		.glass .flex.ac {
		align-items: center;
		width: 100%;
		flex-wrap:wrap;
		justify-content:center
	}
	
	.glass .tile .horizontal figure {
		margin-bottom:1rem
	}
	
	
		.intro.hero .gauche h1 {
			padding:0
		}
	
		.body.deco img {
			left:-50%;
		}
		
		.body.deco div {
			padding: 3rem 0;
		}
	
		.tag {
			display:block
		}
	
		.ei_footer__info p {
			padding:0;
			margin:0
		}	
	
		.ei_footer__socials .ei_footer__socials_content	{
			flex-wrap:wrap;
			width:100%
		}
		
		.ei_footer__socials .ei_footer__socials_list, .col_2_3, header.intro.hero .horizontal figure, .tile.horizontal .banner.col_2_3 {
			width:100%
		}
		
		header.fullw.hero .portrait_wrapper {
			right:auto;
			width:100%;
		}	
	
		#testimony {
			width:100%;
			position:relative;
			right:auto;
			margin-top:-60%;
			border-radius:0 0 20px 20px;
			background:rgba(0,78,168,1)
		}
		
		#testimony p {
			margin-bottom:0
		}
		
		#uf-style, #uf-category {
			width: 100% !important
		}
		aside.sticky .btn, aside btn {
			width:auto;
		}
		
		header.intro.hero figure {
			display:block;
			width:100%
		}
		
		header.intro.hero .horizontal {
			flex-wrap:wrap
		}
		
		header.intro.hero .horizontal img.gauche {
			left:auto;
			right:auto;
			bottom:auto;
			width:80%;
			height:auto;
			max-width:100%;
			position:relative
		}
		
		
		.fullw .tile.horizontal .banner.col_2_3, .fullw .tile.horizontal.anim .banner.col_2_3 {
			padding: 1.875rem;
		}
	}
	
	
	@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;
		}
		
		.body.actualite .content-type {
			position:relative;
			width:50%;
			text-align:center;
			right:0
		}
		
		.ei_menumobil .ei_menu .btn {
			padding: 1rem
		}
	}