@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;}
}
@media screen and (max-width: 1280px) {
	body::before{background: pink}
	.wrap_content{max-width: 980px;}
	
	/* HEADER : on resserre le menu centre pour qu'il tienne jusqu'à 1025px */
	.wrap_bandeau_header{padding: 0 40px;}
	.logo_eoc{font-size: 34px;}
	.wrap_main_menu .menu > li{padding: 0 10px 0 13px;}
	.wrap_main_menu .menu > li > a{font-size: 14px; letter-spacing: 0.18em;}
	.wrap_nav_plus{width: 80vw; right: -80vw;}
	.wrap_second_menu{padding: 0 40px 44px 56px;}
	
}
@media screen and (max-width: 1024px) {
	body::before{background: yellow}
	
	/* HEADER : plus de menu centre, le panneau devient le menu complet */
	#header-main, .wrap_bandeau_header{height: 90px;}
	#header-main.sticky .wrap_bandeau_header{height: 70px;}
	.wrap_bandeau_header{padding: 0 30px;}
	.wrap_main_menu{display: none;}
	.logo_eoc{font-size: 32px;}
	#header-main.sticky .logo_eoc{font-size: 28px;}
	.wrap_nav_plus{width: 100%; right: -100%; height: 100dvh;}
	.wrap_second_menu{padding: 0 30px 40px 48px; overscroll-behavior: contain;}
	.fermer_menu{margin-top: 25px;}
	#header-main.sticky .fermer_menu{margin-top: 15px;}
	.nav_second_menu .menu > li > a{font-size: 40px;}
	
	.pt20{padding-top: 20px !important;}
	.pt30{padding-top: 30px !important;}
	.pt40{padding-top: 40px !important;}
	.pt60{padding-top: 40px !important;}
	.pt80{padding-top: 60px !important;}
	.pt100{padding-top: 80px !important;}
	.pt120{padding-top: 80px !important;}
	.pt140{padding-top: 100px !important;}
	.pt160{padding-top: 100px !important;}
	.pt180{padding-top: 140px !important;}
	.pt200{padding-top: 150px !important;}
	.pt220{padding-top: 150px !important;}
	
	.pb20{padding-bottom: 20px !important;}
	.pb30{padding-bottom: 30px !important;}
	.pb40{padding-bottom: 40px !important;}
	.pb60{padding-bottom: 40px !important;}
	.pb80{padding-bottom: 60px !important;}
	.pb100{padding-bottom: 80px !important;}
	.pb120{padding-bottom: 80px !important;}
	.pb140{padding-bottom: 100px !important;}
	.pb160{padding-bottom: 100px !important;}
	.pb180{padding-bottom: 140px !important;}
	.pb200{padding-bottom: 150px !important;}
	.pb220{padding-bottom: 150px !important;}
	
	.mt20{margin-top: 20px !important;}
	.mt30{margin-top: 30px !important;}
	.mt40{margin-top: 40px !important;}
	.mt60{margin-top: 40px !important;}
	.mt80{margin-top: 60px !important;}
	.mt100{margin-top: 80px !important;}
	.mt120{margin-top: 80px !important;}
	.mt140{margin-top: 100px !important;}
	.mt160{margin-top: 100px !important;}
	.mt180{margin-top: 140px !important;}
	.mt200{margin-top: 150px !important;}
	.mt220{margin-top: 150px !important;}
	
	.mb20{margin-bottom: 20px !important;}
	.mb30{margin-bottom: 30px !important;}
	.mb40{margin-bottom: 40px !important;}
	.mb60{margin-bottom: 40px !important;}
	.mb80{margin-bottom: 60px !important;}
	.mb100{margin-bottom: 80px !important;}
	.mb120{margin-bottom: 80px !important;}
	.mb140{margin-bottom: 100px !important;}
	.mb160{margin-bottom: 100px !important;}
	.mb180{margin-bottom: 140px !important;}
	.mb200{margin-bottom: 150px !important;}
	.mb220{margin-bottom: 150px !important;}
	
}
@media screen and (max-width: 781px) {
	body::before{background: aqua}
	
	/* HEADER : la photo du panneau disparaît, le menu prend toute la largeur */
	#header-main, .wrap_bandeau_header{height: 80px;}
	#header-main.sticky .wrap_bandeau_header{height: 64px;}
	.wrap_bandeau_header{padding: 0 24px;}
	.logo_eoc{font-size: 30px; letter-spacing: -0.03em;}
	#header-main.sticky .logo_eoc{font-size: 26px;}
	.visuel_menu{display: none;}
	.wrap_second_menu{padding: 0 24px 32px;}
	.fermer_menu{margin-top: 20px;}
	#header-main.sticky .fermer_menu{margin-top: 12px;}
	.nav_second_menu .menu > li:not(:last-of-type){margin-bottom: 4px;}
	.nav_second_menu .menu > li > a{font-size: 38px;}
	.bas_menu p{font-size: 19px;}
	
	.pt20{padding-top: 20px !important;}
	.pt30{padding-top: 20px !important;}
	.pt40{padding-top: 40px !important;}
	.pt60{padding-top: 40px !important;}
	.pt80{padding-top: 50px !important;}
	.pt100{padding-top: 50px !important;}
	.pt120{padding-top: 60px !important;}
	.pt140{padding-top: 60px !important;}
	.pt160{padding-top: 80px !important;}
	.pt180{padding-top: 80px !important;}
	.pt200{padding-top: 100px !important;}
	.pt220{padding-top: 100px !important;}
	
	.pb20{padding-bottom: 20px !important;}
	.pb30{padding-bottom: 20px !important;}
	.pb40{padding-bottom: 40px !important;}
	.pb60{padding-bottom: 40px !important;}
	.pb80{padding-bottom: 50px !important;}
	.pb100{padding-bottom: 50px !important;}
	.pb120{padding-bottom: 60px !important;}
	.pb140{padding-bottom: 60px !important;}
	.pb160{padding-bottom: 80px !important;}
	.pb180{padding-bottom: 80px !important;}
	.pb200{padding-bottom: 100px !important;}
	.pb220{padding-bottom: 100px !important;}
	
	.mt20{margin-top: 20px !important;}
	.mt30{margin-top: 20px !important;}
	.mt40{margin-top: 40px !important;}
	.mt60{margin-top: 40px !important;}
	.mt80{margin-top: 50px !important;}
	.mt100{margin-top: 50px !important;}
	.mt120{margin-top: 60px !important;}
	.mt140{margin-top: 60px !important;}
	.mt160{margin-top: 80px !important;}
	.mt180{margin-top: 80px !important;}
	.mt200{margin-top: 100px !important;}
	.mt220{margin-top: 100px !important;}
	
	.mb20{margin-bottom: 20px !important;}
	.mb30{margin-bottom: 20px !important;}
	.mb40{margin-bottom: 40px !important;}
	.mb60{margin-bottom: 40px !important;}
	.mb80{margin-bottom: 50px !important;}
	.mb100{margin-bottom: 50px !important;}
	.mb120{margin-bottom: 60px !important;}
	.mb140{margin-bottom: 60px !important;}
	.mb160{margin-bottom: 80px !important;}
	.mb180{margin-bottom: 80px !important;}
	.mb200{margin-bottom: 100px !important;}
	.mb220{margin-bottom: 100px !important;}
	
}
@media screen and (max-width: 480px) {
	body::before{background: green}
	
	/* HEADER */
	.wrap_bandeau_header{padding: 0 20px;}
	.logo_eoc{font-size: 28px;}
	.wrap_second_menu{padding: 0 20px 28px;}
	.nav_second_menu .menu > li > a{font-size: 30px;}
	.bas_menu a{margin-right: 20px;}
	
}