@media screen and (max-width: 2050px) {
	.wrap_img_dynamique_prehenseur1,
	.wrap_img_dynamique_prehenseur2,
	.wrap_img_dynamique_robotique1,
	.wrap_img_dynamique_robotique2 {
		max-width: 500px;
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(3) {
		left: 150px;
		top: 450px;
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(4) {
		left: 180px;
		top: 480px;
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(5) {
		left: 170px;
		top: 360px;
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(6) {
		left: 110px;
		top: 340px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(3) {
		left: 150px;
		top: 240px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(4) {
		left: 205px;
		top: 270px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(5) {
		left: 190px;
		top: 240px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(6) {
		left: 280px;
		top: 310px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(7) {
		left: 180px;
		top: 130px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(8) {
		left: 150px;
		top: 385px;
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(9) {
		left: 80px;
		top: 300px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(3) {
		left: 150px;
		top: 170px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(4) {
		left: 190px;
		top: 300px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(5) {
		left: 230px;
		top: 140px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(6) {
		left: 240px;
		top: 105px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(7) {
		left: 290px;
		top: 110px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(8) {
		left: -50px;
		top: 270px;
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(9) {
		left: 240px;
		top: 220px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(3) {
		left: 195px;
		top: 350px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(4) {
		left: 200px;
		top: 100px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(5) {
		left: 280px;
		top: 90px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(6) {
		left: 300px;
		top: 170px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(7) {
		left: 250px;
		top: 330px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(8) {
		left: 220px;
		top: 340px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(9) {
		left: 200px;
		top: 220px;
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(10) {
		left: 70px;
		top: 240px;
	}
}

@media screen and (max-width: 1550px) {
/* 	body::before{content:'';display: block;width: 50px;height: 50px;position: fixed;left: 0;bottom: 0;background: blue;z-index: 99999999;} */
	.wrap_content{
		max-width: 1200px;
	}
	.wrap_small_content{
		max-width: 900px;
	}
	.wrap_menu_principal {
		width: 96%;
	}
	.logo_ecpi {
		margin-right: 25px;
		width: 180px;
		height: 72px;
	}
	.left_menu_principal > .menu-menu-principal-container > ul > li {
		margin-right: 18px;
	}
	.tel_header {
		margin-right: 10px;
		font-size: .8em;
	}
	.tel_header::before {
		width: 16px;
		height: 16px;
		font-size: .6em;
	}
	a.button-base.contact_header {
		padding: 10px 10px 10px 10px;
		font-size: .8em;
	}
	.reseaux_header a:first-of-type {
		margin-left: 15px;
	}
	.reseaux_header a {
		margin-left: 10px;
		font-size: 1em;
	}
	.wrap_actus_home > div > span {
		font-size: 1.3em;
	}
	.wrap_top_page > .wp-block-group__inner-container {
		max-width: 980px;
	}
	.wrap_top_page h1 {
		max-width: 80%;
	}
	#first_section {
		max-width: 980px;
	}
	#first_section > .wp-block-column:first-of-type p {
		font-size: 1.6em;
	}
	.wrap_bleu > .wp-block-group__inner-container{
		max-width: 1200px;
	}
	.wrap_contact_list li > .item_list_contact {
		padding: 30px 30px 30px 100px;
		min-height: 210px;
		font-size: 1.1em;
	}
	.contact_tel::before {
		width: 50px;
		height: 50px;
	}
	.contact_mail::before {
		width: 50px;
		height: 50px;
	}
	.item_list_contact a {
		display: block;
		margin-left: 0;
	}
	.span404 {
		font-size: 6em;
	}
}
@media screen and (max-width: 1280px) {
/* 	body::before{background: pink} */
	.wrap_content{
		max-width: 980px;
	}
	.wrap_small_content{
		max-width: 80%;
	}
	.right_menu_principal {
		position: absolute;
		right: 0;
		background: #EDF4FF;
		width: 100%;
		justify-content: flex-end;
		padding: 10px 30px;
		top: -10px;
	}
	.wrap_menu_principal {
		width: 100%;
		padding: 45px 3% 0 3%;
		margin: 0;
	}
	a.button-base.contact_header {
		padding: 3px 10px 4px 10px;
		font-size: .7em;
	}
	.reseaux_header a:first-of-type {
		margin-left: 25px;
	}
	.tel_header {
		margin-right: 25px;
	}
	.left_menu_principal > .menu-menu-principal-container > ul > li {
		margin-right: 20px;
	}
	.logo_ecpi {
		margin-right: 35px;
	}
	.col_gris {
		padding: 70px 0 70px 70px;
	}
	.col_avec_2img,
	body.home .col_avec_2img {
		padding: 180px 10px 170px 10px;
	}
	.col_avec_2img .wp-block-column:first-of-type figure:last-of-type {
		right: 60px;
		top: -100px;
		width: 240px;
		height: 350px;
	}
	.col_avec_2img .wp-block-column:first-of-type figure:first-of-type {
		left: 60px;
		width: 240px;
		height: 320px;
		bottom: -40px;
	}
	.wrap_actus_home > div > span {
		font-size: 1em;
	}
	.wrap_actus_home > div > .go_actus {
		font-size: .7em;
	}
	.wrap_actus_home {
		padding: 30px 5% 30px 35%;
	}
	.wrap_actus_home ul li a {
		padding: 30px;
	}
	.titre_actus {
		font-size: 1em;
		margin-bottom: 15px;
	}
	.wrap_actus_home ul li a p:not(.titre_actus) {
		font-size: .8em;
	}
	.wrap_actus_home ul li a span {
		position: static;
		width: auto;
		height: auto;
		display: inline-block;
		font-size: .8em;
		border-radius: 0px 20px;
		opacity: 1;
		filter: none;
		padding: 10px 20px;
		margin-top: 20px;
	}
	.wrap_actus_home ul li a span br{
		display: none;
	}
	.wrap_actus_home > div{
		margin-bottom: 20px;
	}
	.footer-col5 {
		margin-left: 0;
	}
/* circle home */
	.wrap_menu_home {
		width: 500px;
		height: 500px;
		margin: 80px auto 110px auto;
	}
	.border_menu_home {
		border: 5px dashed #F74A1F;
	}
	.menu-menu-home-container > ul > li > a {
		width: 130px;
		height: 130px;
		padding: 25px 10px 10px 10px;
	}
	.menu-menu-home-container > ul > li.button-entreprise > a {
		top: -60px;
	}
	.menu-menu-home-container > ul > li > a::before {
		width: 40px;
		height: 40px;
		margin: 0 auto 4px auto;
	}
	.menu-menu-home-container > ul > li.button-savoir > a {
		top: 50px;
		right: -400px;
		padding-top: 14px;
	}
	.menu-menu-home-container > ul > li.button-domaines > a {
		top: 290px;
		right: -440px;
	}
	.menu-menu-home-container > ul > li.button-actus > a {
		top: 420px;
		right: -70px;
	}
	.menu-menu-home-container > ul > li.button-recrutement > a {
		top: 330px;
		left: -370px;
	}
	.menu-menu-home-container > ul > li.button-rse > a {
		top: 90px;
		left: -460px;
	}
	.info_menu_home p {
		font-size: 1.3em;
		padding: 10px;
	}
	.menu-menu-home-container > ul > li ul.sub-menu a {
		width: 100px;
		height: 100px;
		font-size: .8em;
		letter-spacing: -0.03em;
	}
	/* .menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:first-of-type a{
		top: 20px;
	}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:last-of-type a{
		top: -20px;
	} */
	
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:first-child{top:150px; left:10px}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:nth-child(2){top:80px; left:105px}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:nth-child(3){top:150px; left:200px;}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:nth-child(4){top:260px; left:160px;}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:nth-child(5){top:255px; left:50px;}
	
/* fin */
	.wrap_bleu > .wp-block-group__inner-container{
		max-width: 980px;
	}
	.wrap_col_ancre a {
		padding: 155px 10px 40px 10px;
		height: 250px;
		font-size: 1.1em;
	}
	.wrap_col_ancre a:hover::after {
		top: -5px
	}
	#plus-ecpi {
		padding: 30px 30px 30px 30px;
		margin-bottom: -180px;
	}
	#plus-ecpi figure {
		left: 30px;
		top: -20px;
		padding: 25px;
		width: 130px;
		height: 130px;
	}
	.texte_img_full {
		margin-top: -100px;
		gap: 3em;
	}
	.texte_img_full .wp-block-quote p {
		font-size: 1.6em;
	}
	.texte_img_full h2 {
		font-size: 1.2em;
	}
	/* 	scrollgsap */
	.item_etude a span {
		font-size: 22px;
	}
	.item_etude {
		height: 100%;
	}
	.item_etude a span::before {
		width: 90px !important;
		height: 100px !important;
		margin: 0 auto 20px auto !important;
	}
	body.home .right_menu_principal{display: none;}
	body.home .wrap_menu_principal {
		padding: 0px 3% 0 3%;
	}
	body.home .sticky .wrap_menu_principal {
		padding: 45px 3% 0 3%;
	}
	body.home .sticky .right_menu_principal {
		display: flex;
	}
	body.home #header-main.sticky{align-items: flex-start;height: auto;}
	body.home #header-main.sticky .right_menu_principal {
		top: 0;
	}
	body.home #header-main.sticky .left_menu_principal {
		padding: 10px 0;
	}
}
@media screen and (max-width: 1024px) {
/* 	body::before{background: yellow} */
	.wrap_content{
		max-width: 96%;
	}
	.wrap_menu_responsive{
		display: block;
	}
	.wrap_menu_principal{
		display: none;
	}
	.wrap_menu_responsive {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		height: 100px;
		margin: auto;
		top: 0;
		z-index: 999;
	}
	#site{
		padding-top: 100px;
	}
	.logo_ecpi {
		margin-right: 0;
		position: absolute;
		z-index: 1000;
		left: 30px;
		top: 16px;
	}
	.wrap_menu_burger {
		display: block;
		position: absolute;
		right: 40px;
		top: 34px;
		z-index: 1000;
		display: flex;
		align-items: center;
	}
	.button_burger{
		display: flex;
		align-items: center;
		margin-left: 30px;
		cursor: pointer;
	}
	.button_burger span{
		display: inline-block;
		text-transform: uppercase;
		font-size: .7em;
		font-weight: 700;
		color: #000;
		margin-right: 12px;
		transition: all ease-in-out .6s;
	}
	.menu_burger {
		position: relative;
		width: 24px;
		height: 20px;
	}
	.barre{ 
		display: block; 
		width: 100%; 
		height: 3px; 
		background: #000; 
		position: absolute; 
		left: 0; 
		transition: all ease-in-out .6s;
	} 
	.barre1{ 
		top:0; 
		transform: rotate(0deg); 
		-webkit-transform: rotate(0deg); 
	} 
	.barre2{ 
		top:50%; 
		transform: translateY(-50%); 
		-webkit-transform: translateY(-50%); 
		opacity: 1; 
	} 
	.barre3{ 
		bottom:0; 
		transform: rotate(0deg); 
		-webkit-transform: rotate(0deg); 
	}
	.wrap_menu_burger .tel_header{
		margin-right: 30px;
	}
	.wrap_nav_responsive {
		height: 0px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		background: #fff;
		transition: all ease-in-out .6s;
	}
	#header-main{
		height: 100px;
	}
	#header-main.menu_responsive_ouvert .wrap_nav_responsive {
		height: 100vh;
	}
	.wrap_nav_responsive .menu-menu-principal-container ul li{
		margin: 10px 0;
	}
	.wrap_nav_responsive .menu-menu-principal-container ul li a {
		font-weight: 700;
		text-transform: uppercase;
		font-size: 1em;
		color: #000;
		transition: all .3s;
		cursor: pointer;
	}
	.wrap_nav_responsive .menu-menu-principal-container ul li .sub-menu a {
		color: #888;
	}
	.wrap_nav_responsive .menu-menu-principal-container ul li .sub-menu{
		border-bottom: 1px solid #F74A1F;
	}
	.wrap_nav_responsive .menu-menu-principal-container ul li.current-menu-item a,
	.wrap_nav_responsive .menu-menu-principal-container ul li.current-menu-parent > a{
		color: #F74A1F;
	}
	
	#header-main.menu_responsive_ouvert .button_burger span{
		color: #F74A1F;
	}
	#header-main.menu_responsive_ouvert .barre{
		background: #F74A1F;
	}
	#header-main.menu_responsive_ouvert .barre1 {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		top: 8.5px;
		width: 14px;
	}
	#header-main.menu_responsive_ouvert .barre3 {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		bottom: 8.5px;
		width: 14px;
	}
	#header-main.menu_responsive_ouvert .barre2{
		opacity: 0;
	}
	#header-main{
		background: #fff;
		height: auto;
	}
	.wrap_menu_responsive{
		border-bottom: 1px solid #F5F5F5;
		background: #fff;
	}
	
	.section01 h1 {
		font-size: 1.4em;
		text-align: center;
		margin-bottom: 30px;
	}
	p{font-size: 18px}
	.wp-block-buttons {
		margin-top: 20px;
	}
	.col_gris {
		padding: 40px;
		text-align: center;
		display: block !important;
	}
	.col_gris > .wp-block-column:first-of-type {
		padding-right: 0;
	}
	.col_gris .wp-block-buttons{
		justify-content: center;
	}
	.boucle_domaines {
		position: static;
		right: 0;
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	.boucle_domaines ul {
		margin: auto;
	}
	.boucle_domaines li {
		width: 30% !important;
		height: 300px;
		max-height: inherit;
		border-radius: 0px 30px;
	}
	.boucle_domaines h2 {
		font-size: 1em;
	}
	.boucle_domaines li.post-35 h2::before,
	.boucle_domaines li.post-37 h2::before,
	.boucle_domaines li.post-39 h2::before {
		width: 60px;
		height: 60px;
		margin: 0 auto 30px auto;
	}
	.col_avec_2img .wp-block-column:first-of-type figure:last-of-type {
		right: 50px;
		top: 0px;
		width: 180px;
		height: 240px;
	}
	.col_avec_2img .wp-block-column:first-of-type figure:first-of-type {
		left: 30px;
		width: 200px;
		height: 270px;
		bottom: 10px;
	}
	.col_avec_2img,
	body.home .col_avec_2img {
		padding: 80px 10px 130px 10px;
	}
	h2 {
		font-size: 1.3em;
		margin-bottom: 25px;
	}
	.wrap_actus_home ul li img {
		position: static;
		width: 100%;
		height: 180px;
		object-fit: cover;
		opacity: 1;
		border-radius: 0 30px 0 0;
	}
	.wrap_actus_home {
		padding: 30px;
		background: #EDF4FF;
	}
	.wrap_actus_home ul li a {
		background: #fff;
		border-radius: 0 0 0 30px;
	}
	.wrap_actus_home > div {
		margin-bottom: 40px;
	}
	.wrap_actus_home ul{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.wrap_actus_home ul li {
		padding: 0;
		width: 32%;
	}
	.top_footer {
		display: block;
		text-align: center;
	}
	.logo_footer {
		width: 150px;
		height: 60px;
		margin: 0 auto 30px auto;
	}
	.footer-col2,
	.footer-col3{
		display: none;
	}
	.footer-col4 .titre_footer{
		display: none;
	}
	.footer-col4{
		margin-bottom: 30px;
	}
	.col_gris_before {
		width: 28px;
		height: 28px;
		border: 8px solid #1A3F75;
		left: 90px;
		top: -80px;
	}
	.col_avec_2img .wp-block-column:first-of-type .col_2img_before {
		width: 60px;
		height: 60px;
		border: 14px solid #F74A1F;
		left: -90px;
		right: 0;
		top: 40px;
	}
	.col_avec_2img .wp-block-column:first-of-type .col_2img_after {
		width: 30px;
		height: 30px;
		left: -220px;
		right: 0;
		top: 20px;
	}
	.wrap_top_page > .wp-block-group__inner-container {
		max-width: 90%;
		text-align: center;
		padding: 100px 0;
	}
	.wrap_top_page h1 {
		font-size: 2.2em;
		max-width: 100%;
	}
	#first_section {
		max-width: 90%;
		margin: -30px auto 90px auto;
		display: block;
		text-align: center;
	}
	.scroll_more {
		opacity: 1;
		border-bottom: 1px solid #F74A1F;
	}
	#first_section > .wp-block-column:first-of-type {
		padding: 20px 20px;
		border-radius: 20px 20px 0 0;
	}
	#first_section > .wp-block-column:first-of-type p {
		font-size: 1.3em;
	}
	#first_section .wp-block-quote p {
		font-size: 1.2em;
	}
	.full_deux_images {
		padding-left: 0;
		margin-bottom: 50px;
		flex-wrap: wrap !important;
	}
	.full_deux_images > .wp-block-column:first-of-type{
		order: 2;
		max-width: 90%;
		margin: 30px auto 0 auto;
	}
	.full_deux_images > .wp-block-column:last-of-type figure:first-of-type {
		position: static;
		width: 85%;
		height: 280px;
		margin-right: 0;
		margin-left: auto;
	}
	.full_deux_images > .wp-block-column:last-of-type figure:last-of-type {
		left: 3%;
		bottom: -10%;
		width: 40%;
		height: 80%;
	}
	.img_texte {
		margin: 60px auto 90px auto;
		display: block;
	}
	.img_texte figure {
		position: static;
		height: 300px;
		width: 100%;
		padding: 0;
	}
	.img_texte figure .img_texte_before {
		top: -20px;
	}
	.img_texte figure .img_texte_after {
		left: 20px;
		top: 0px;
	}
	.img_texte .wp-block-media-text__content {
		padding: 30px 0;
	}
	.col_gris_page {
		margin-bottom: 60px;
	}
	.img_actus {
		position: static;
		width: 100%;
		height: 200px;
	}
	.list_actus li a {
		padding-left: 0;
	}
	.head_single h1 {
		font-size: 1.6em;
	}
	.wrap_content_single {
		max-width: 720px;
	}
	.wrap_lexique nav a {
		font-size: .8em;
	}
	.wrap_lexique nav a::before {
		width: 50px;
		height: 50px;
		margin: 0 auto 12px auto;
	}
	.wrap_lexique nav a span {
		left: 0;
		right: 0;
		margin: auto;
		top: 12px;
		font-size: 12px;
	}
	.wrap_lexique p{
		font-size: .9em !important;
	}
	.wrap_bleu > .wp-block-group__inner-container{
		max-width: 100%;
		padding: 8%;
	}
	.parent-pageid-16 #first_section {
		margin: -30px auto 40px auto;
	}
	.parent-pageid-16 .wrap_col_ancre {
		display: none !important;
	}
	.margin150 {
		margin: 50px auto;
	}
	#besoin{
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center;
	}
	#besoin > .wp-block-column{
		flex-basis: 100%;
		width: 100%;
	}
	#besoin > .wp-block-column:first-of-type{
		order: 2;
	}
	#besoin > .wp-block-column:last-of-type img{
		width: 100px;
		height: 100px;
	}
	#besoin > .wp-block-column:first-of-type h2 {
		margin-top: -20px;
	}
	.wrap_bleu .wp-block-columns{
		display: block;
		text-align: left;
		gap: 0;
	}
	.wrap_bleu p {
		text-align: left;
	}
	.wrap_contact_list li > .item_list_contact {
		padding: 30px 30px 30px 30px;
		min-height: auto;
		font-size: 1em;
		text-align: center;
	}
	.contact_tel::before {
		width: 50px;
		height: 50px;
		position: static;
		margin: 0 auto 15px auto;
	}
	.contact_mail::before {
		width: 50px;
		height: 50px;
		position: static;
		margin: 0 auto 15px auto;
	}
	.item_list_contact a {
		padding-left: 0;
	}
	.item_list_contact i {
		position: relative;
		left: 0;
		top: 1px;
		transform: none;
		-webkit-transform: none;
		display: inline-flex;
	}
	.wrap_contact_list li > .item_list_contact.contact_reseaux {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.texte_img_full{
		display: block !important;
	}
	.texte_img_full .wp-block-quote p {
		font-size: 1.6em;
		text-align: left;
	}
	.wrap_img_full img {
		height: 400px;
	}
	#page-recrutement .col_avec_2img{
		display: block;
	}
	#page-recrutement .col_avec_2img .wp-block-column:first-of-type{
		display: none;
	}
	#page-robotique .col_gris_page figure {
		width: 100%;
		height: 100%;
	}
	.wrap_img_dynamique {
		max-width: 96%;
	}
	.pastille {
		width: 100%;
		position: static;
		width: 50%;
	}
	.slidetog {
		display: block;
		position: static !important;
	}
	.wrap_img_dynamique > .wp-block-group__inner-container {
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}
	.wrap_img_dynamique > .wp-block-group__inner-container::after{
		content:'';
		display: block;
		clear: both;
	}
	.wrap_img_dynamique > .wp-block-group__inner-container > .wp-block-image {
		position: static;
		left: 0;
		top: 50%;
		width: 100%;
		height: auto;
		transform: none;
		max-width: 500px;
		text-align: center;
		margin: 10px auto 40px auto;
	}
	.pastille > .wp-block-group__inner-container,
	.pastille > .wp-block-group__inner-container .slidetog{
		height: 100%;
	}
	.wrap_img_dynamique_robotique2 > .wp-block-group__inner-container > .wp-block-image {
		left: unset;
		right: 0;
	}
	.wrap_all_img_dynamique > .wp-block-group__inner-container {
		display: block;
	}
	.pastille > .wp-block-group__inner-container{
		position: relative;
	}
	.pastille span {
		position: absolute;
		left: 20px !important;
		top: 15px !important;
		right: unset !important;
		bottom: unset !important;
	}
	.pastille > .wp-block-group__inner-container .slidetog{
		padding: 50px 20px 20px 20px;
	}
	.pastille span::before {
		background: #fff;
		animation: none;
		color: #F74A1F;
		width: 100%;
		height: 100%;
		z-index: 1;
		font-size: .75em;
		font-weight: 700;
	}
	.pastille span i{
		display: none !important;
	}
	.img-legende-desktop{
		display: none !important;
	}
	.img-legende-responsive{
		display: block !important;
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(3) span::before{
		content: '01';
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(4) span::before{
		content: '02';
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(5) span::before{
		content: '03';
	}
	.wrap_img_dynamique_prehenseur1 .pastille:nth-of-type(6) span::before{
		content: '04';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(3) span::before{
		content: '01';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(4) span::before{
		content: '02';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(5) span::before{
		content: '03';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(6) span::before{
		content: '04';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(7) span::before{
		content: '05';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(8) span::before{
		content: '06';
	}
	.wrap_img_dynamique_prehenseur2 .pastille:nth-of-type(9) span::before{
		content: '07';
	}

	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(3) span::before{
		content: '01';
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(4) span::before{
		content: '02';
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(5) span::before{
		content: '03';
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(6) span::before{
		content: '04';
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(7) span::before{
		content: '05';
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(8) span::before{
		content: '06';
	}
	.wrap_img_dynamique_robotique1 .pastille:nth-of-type(9) span::before{
		content: '07';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(3) span::before{
		content: '01';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(4) span::before{
		content: '02';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(5) span::before{
		content: '03';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(6) span::before{
		content: '04';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(7) span::before{
		content: '05';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(8) span::before{
		content: '06';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(9) span::before{
		content: '07';
	}
	.wrap_img_dynamique_robotique2 .pastille:nth-of-type(10) span::before{
		content: '08';
	}
/* 	scrollgsap */
	section.scroll_home {
		position: static;
		width: 100%;
		overflow: visible;
	}
	section.scroll_home .container {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.item_etude {
		height: 280px;
		width: 29%;
		margin: 2%;
	}
	.item_etude a span {
		font-size: 20px;
	}
	.item_etude a span::before {
		width: 70px !important;
		height: 80px !important;
		margin: 0 auto 15px auto !important;
	}
/* 404 */
	.left404, .right404 {
		width: 100%;
	}
	.page404 > .wrap_content {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}
	.right404{
		order: 1;
		margin-bottom: 30px;
	}
	.left404{
		order: 2;
	}
	.right404 > div{
		display: none;
	}
	.span404 {
		font-size: 4em;
	}
}
@media screen and (max-width: 781px) {
/* 	body::before{background: aqua} */
	.wrap_menu_burger .tel_header{
		display: none;
	}
	.bottom_footer {
		display: block;
		text-align: center;
	}
	.copy-nova {
		background-position: center;
		margin: 20px auto 0 auto;
	}
	.section01 h1 {
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	.section01 .wp-block-column img {
		max-height: 250px;
		object-fit: contain;
	}
	p{
		font-size: 16px;
	}
	a.button-base, .wp-block-button a{
		font-size: .8em;
	}
	.section01 .wp-block-column{
		text-align: center;
	}
	.section01 .wp-block-column .wp-block-buttons{
		justify-content: center;
	}
	.col_avec_2img .wp-block-column:first-of-type {
		position: relative;
		display: none;
	}
	.col_avec_2img,
	body.home .col_avec_2img {
		padding: 20px 10px 40px 10px;
		display: block !important;
		text-align: center;
	}
	.col_avec_2img .wp-block-buttons{
		justify-content: center;
	}
	.wrap_actus_home > div {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.wrap_actus_home > div > span {
		display: block;
		margin-bottom: 10px;
	}
	.wrap_actus_home ul {
		display: block;
	}
	.wrap_actus_home ul li {
		padding: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.wrap_actus_home ul li img {
		height: 250px;
	}
	.wrap_actus_home {
		position: relative;
		padding-bottom: 100px;
	}
	.wrap_actus_home > div > .go_actus {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		max-width: 300px;
		display: inline-block;
		margin: auto;
	}
	h2 {
		font-size: 1.2em;
	}
/* circle home */
	.info_menu_home p{
		display: none;
	}
	.wrap_menu_home {
		width: 460px;
		height: 460px;
		margin: -350px auto 110px auto;
	}
	.border_menu_home {
		border: 3px solid #F74A1F;
	}
	.info_menu_home {
		width: 80%;
		height: 80%;
	}
	.menu-menu-home-container > ul > li > a::before {
		width: 20px;
		height: 20px;
		margin: 0 auto 4px auto;
	}
	.menu-menu-home-container > ul > li > a {
		width: 70px;
		height: 70px;
		padding: 10px 5px;
		border: 3px solid #F74A1F;
		font-size: 9px;
		letter-spacing: -0.05em;
	}
	.menu-menu-home-container > ul > li.button-entreprise > a {
		top: 370px;
		left: -315px;
	}
	.menu-menu-home-container > ul > li.button-domaines > a {
		top: 415px;
		right: -440px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.menu-menu-home-container > ul > li.button-savoir > a {
		top: 405px;
		right: 0;
		padding-top: 4px;
		left: -170px;
	}
	.menu-menu-home-container > ul > li.button-actus > a {
		top: 405px;
		right: -170px;
	}
	.menu-menu-home-container > ul > li.button-recrutement > a {
		top: 360px;
		left: 0;
		right: -315px;
	}
	.wrap_menu_home.menu-ouvert .menu-menu-home-container > ul > li > a {
		filter: blur(4px);
		opacity: 0;
	}
	.menu-menu-home-container > ul > li.menu-active > a {
		left: 0;
		right: 0;
		opacity: 1 !important;
		top: 360px;
	}
	.wrap_menu_home.menu-ouvert .info_menu_home {
		background: rgba(176,192,200,0.2);
		opacity: 1 !important;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.wrap_menu_home::after{
		display: none;
	}
	.menu-menu-home-container > ul > li ul.sub-menu li{
		margin: 0 10px;
	}
	.menu-menu-home-container > ul > li.menu-active ul.sub-menu {
		top: unset;
		opacity: 1;
		transform: none;
		-webkit-transform: none;
		pointer-events: inherit;
		bottom: -40px;
	}
	.border_menu_home{transition: all .3s;}
	.wrap_menu_home.menu-ouvert .border_menu_home{
		border-color: transparent;
	}
	.menu-menu-home-container > ul > li ul.sub-menu li{
		margin: 0 15px !important;
	}
	/* .menu-menu-home-container > ul > li ul.sub-menu li:nth-of-type(2) > a {
		top: inherit !important;
	} */
	.menu-menu-home-container > ul > li ul.sub-menu a {
		width: auto;
		height: auto;
		font-size: 12px;
		letter-spacing: 0;
		border-radius: 0;
		background: none;
		color: #1A3F75;
		display: block;
	}
	.menu-menu-home-container > ul > li ul.sub-menu li > a::before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		position: static;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		background: #1A3F75 !important;
		opacity: 1;
		border-radius: 50%;
	}
	.menu-menu-home-container > ul > li ul.sub-menu li > a::after {
		content: '';
		display: block;
		width: 16px;
		height: 16px;
		background: url(../img/arrow-blue-long.png) no-repeat center / contain;
		margin: auto;
	}
	.menu-menu-home-container > ul > li.button-rse > a{display: none;}
/* fin */
	.col_gris_before {
		left: 90px;
		top: -50px;
		right: 0;
		margin: auto;
	}
	.col_gris_after {
		width: 100px;
		height: 100px;
		left: -100px;
		top: -20px;
		right: 0;
		margin: auto;
	}
	.wrap_top_page h1 {
		font-size: 1.5em;
	}
	.scroll_more {
		display: none;
	}
	#first_section {
		margin: -70px auto 90px auto;
	}
	#first_section > .wp-block-column:first-of-type p {
		font-size: 1.1em;
	}
	#first_section > .wp-block-column:last-of-type {
		padding: 30px 10px;
	}
	.full_deux_images > .wp-block-column:last-of-type figure:first-of-type .full_deux_images_before {
		border: 5px solid #1A3F75;
		right: 80px;
		top: -60px;
	}
	.full_deux_images > .wp-block-column:last-of-type figure:first-of-type .full_deux_images_after {
		width: 80px;
		height: 80px;
		right: 170px;
		top: -30px;
	}
	#first_section .wp-block-quote p {
		font-size: 1em;
	}
	.img_texte .wp-block-media-text__content {
		text-align: center;
	}
	.texte_gris {
		border-left: none;
		border-top: 6px solid #1A3F75;
	}
	.img_texte figure img {
		border-radius: 20px 0 20px 0;
	}
	.img_texte figure .img_texte_before {
		width: 60px;
		height: 60px;
		border: 14px solid #B0C0C8;
		left: -80px;
		right: 0;
		margin: auto;
		top: -30px;
	}
	.img_texte figure .img_texte_after {
		left: 20px;
		top: -10px;
	}
	.full_deux_images {
		text-align: center;
	}
	body:not(.home) p,
	li {
		font-size: .9em;
	}
	.content_single ul li {
		padding-left: 0;
	}
	.timeline .wp-block-group {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background: #fff;
		padding: 55px 30px 30px 30px;
		text-align: center !important;
	}
	h3 {
		font-size: 1em;
	}
	.list_actus li {
		width: 100%;
		margin: 0 0 50px 0;
		border-radius: 20px;
	}
	.button_burger {
		margin-left: 20px;
	}
	.head_single h1 {
		font-size: 1.4em;
	}
	.wrap_content_single {
		max-width: 90%;
	}
	.img_single img {
		max-height: 280px;
	}
	.wrap_lexique {
		padding: 30px 0;
	}
	.wrap_liste_single h2 {
		font-size: .9em;
		text-align: center;
	}
	.wrap_lexique > .wp-block-group__inner-container > .wp-block-group{
		display: none;
	}
	.hidden-link {
		display: block;
		margin-bottom: 20px;
	}
	.go_other_page > .wp-block-column {
		padding: 80px 10px;
		text-align: center;
	}
	.titre_banniere {
		font-size: 2em !important;
		text-align: center;
	}
	.wrap_media_basique img{
		width: 100%;
		height: 150px;
		object-fit: contain;
	}
	.wrap_media_basique{
		text-align: center;
	}
	#plus-ecpi {
		margin-bottom: 0;
	}
	.wrap_media_basique .wp-block-buttons{
		display: block;
	}
	.wrap_media_basique {
		margin: 50px auto;
	}
	.wrap_contact_list {
		display: block !important;
	}
	.wrap_contact_list li {
		width: 100%;
	}
	.wrap_contact_list li > .item_list_contact {
		text-align: center;
		box-shadow: none;
		border-top: 1px solid #F7F7F7;
		font-size: 1.2em;
	}
	.google_map iframe{
		height: 300px !important;
	}
	.head_actus h1 {
		font-size: 2em;
	}
	.texte_img_full .wp-block-quote p {
		font-size: 1.3em;
	}
	.boucle_domaines li {
		width: 100% !important;
		height: 260px;
	}
	.video_home{display: none;}
	.info_responsive{
		display: block;
		text-align: center;
	}
	.info_responsive p {
		font-size: 1.5em;
		line-height: 1.6em;
		font-weight: 700;
		color: #F74A1F;
		margin-bottom: 40px;
	}
	.info_responsive p span {
		display: block;
		text-transform: uppercase;
		font-size: 1.5em;
		margin-bottom: 8px;
		color: #152457;
		background-image: -webkit-linear-gradient(
		    0deg,
		    #8CD3FF 30%,
		    #040F35 70%
		  );
		background-clip: text;
		-webkit-background-clip: text;
		text-fill-color: transparent;
		-webkit-text-fill-color: transparent;
	}
	.info_responsive p strong {
		color: #F74A1F;
	}
	.section01 h1 strong{
		color: #152457;
	}
	.wrap_img_dynamique > .wp-block-group__inner-container {
		padding-left: 0;
		padding-right: 0;
	}
	.wrap_img_dynamique > .wp-block-group__inner-container > .wp-block-image {
		position: static;
		width: 100%;
		transform: none;
		margin-bottom: 20px;
	}
	.item_etude {
		height: 280px;
		width: 100%;
		margin: 2% 0;
	}
	/* .menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:first-of-type a{
		top: 0px;
	}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li:last-of-type a{
		top: 0px;
	} */
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu{position:absolute; justify-content: center; margin:0; width:100%;}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu li{
		width: auto !important;
		position:initial;
	}
	.menu-menu-home-container > ul > li ul.sub-menu li > a::before {display: inline-block;margin-right: 8px;}
	.menu-menu-home-container > ul > li ul.sub-menu li > a::after{display: inline-block;margin-left: 8px;top: 4px;position: relative;}
}
@media screen and (max-width: 480px) {
/* 	body::before{background: green} */
	a.button-base.contact_header {
		padding: 3px 10px 4px 10px;
		font-size: .7em;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		border-radius: 0;
	}
	.logo_ecpi {
		left: 20px;
		top: 31px;
		width: 120px;
	}
	.wrap_menu_burger {
		right: 40px;
		top: 51px;
	}
/* circle home */
	.wrap_menu_home {
		width: 340px;
		height: 340px;
		margin: -250px auto 60px auto;
	}
	.menu-menu-home-container > ul > li > a {
		width: 65px;
		height: 65px;
		padding: 10px 5px;
		border: 2px solid #F74A1F;
		font-size: 8.5px;
		letter-spacing: -0.08em;
	}
	.menu-menu-home-container > ul > li.button-entreprise > a {
		top: 255px;
		left: -225px;
	}
	.menu-menu-home-container > ul > li.button-entreprise > a {
		top: 250px;
		left: -240px;
	}
	.menu-menu-home-container > ul > li.button-savoir > a {
		top: 290px;
		right: 0;
		padding-top: 4px;
		left: -132px;
	}
	.menu-menu-home-container > ul > li.button-domaines > a {
		top: 300px;
	}
	.menu-menu-home-container > ul > li.button-actus > a{
		top: 290px;
		right: -132px;		
	}
	.menu-menu-home-container > ul > li.button-recrutement > a {
		top: 252px;
		right: -240px;
	}
	.menu-menu-home-container > ul > li > a::before {
		margin: auto;
	}
	.menu-menu-home-container > ul > li.menu-active > a {
		left: 0 !important;
		right: 0 !important;
		opacity: 1 !important;
		top: 255px !important;
	}
	.titre_banniere {
		font-size: 1.6em !important;
	}
	#plus-ecpi figure {
		padding: 20px;
		width: 100px;
		height: 100px;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
	}
	#plus-ecpi {
		text-align: center;
		padding: 150px 30px 30px 30px;
	}
	#plus-ecpi h2 {
		padding-left: 0;
		margin-bottom: 20px;
		border-bottom: none;
	}
	#plus-ecpi p{
		text-align: center;
	}
	.wrap_contact_list li > .item_list_contact{
		padding: 20px 10px;
	}
	.wrap_contact_list li:last-of-type{
		display: none;
	}
	.contact_mail::before,
	.contact_tel::before {
		display: none;
	}
	.wpcf7 label {
		width: 100%;
		margin: 2% 0;
		text-align: center;
	}
	.head_actus h1 {
		font-size: 1.6em;
	}
	.texte_img_full .wp-block-quote p {
		font-size: 1.2em;
		text-align: center;
	}
	.texte_img_full{
		max-width: 96%;
		text-align: center;
	}
	.menu-menu-home-container > ul > li.button-domaines.menu-active ul.sub-menu {gap: 0;}
}