@media screen and (max-width: 1070px){
	#menus,.scroll_not #menus{
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		float: left;
		width: 100%;
		max-width: 450px;
		height: 100%;
		background:rgba(var(--rgb),0.9);
		z-index: 998;
		overflow-y: scroll;
		scrollbar-color: #fff #999999;
		scrollbar-width:thin;
		transition-property:transform;
	}
    #menus ol li a::before,#menus ol li span::before{
        left: 0;
        transform: translateX(0);
    }
    #headlog{
        display: none;
    }
	#menus::-webkit-scrollbar {
	  width: 3px;
	  background-color: #999999;
	}
	#menus::-webkit-scrollbar-thumb {
		background: #fff; 
	}
	#menus ol,#menus ol li,#menus ol li a,#menus ol li span{
		display: block;
		float: left;
		width: 100%;
		height: auto;
		text-align: left;
	}
	#menus ol li::after,#menus ol li::before{
		display: none;
	}
	#menus ol li a,#menus ol li span,#menus ol li ol li a,#menus ol li ol li span{
		padding: 15px 5%;
	}
	#menus ol li ol{
		position:relative;
		top: 0;
		left: 0;
		display: none;
		visibility: visible;
		opacity: 1;
	}
	#menus ol li span.menuOn + ol{
		display: block;
	}
	nav.menu_off{
		transform: translate(-100%,0);
	}
	#btn_menu{
		visibility: visible;
		opacity: 1;
	}
    main{
        margin: 0;
    }
    #nu_1_1_1,#nu_1_1_2,#nu_1_1_3,#nu_1_1_4{
        padding-left: 2%;
        padding-right: 2%;
    }
}
@media screen and (max-width: 950px){
    #nu_1_1_1,#bloc_prog{
        flex-direction: column;
    }
    #bloc_prog .bloc_prog{
        width: 100%;
    }
    #biglogo{
        margin: 0 auto 15px;
    }
}
@media screen and (max-width: 700px){
    body .bloc-txt{
        flex-wrap: wrap;
        justify-content: center;
    }
    body .bloc-txt p{
        padding: 0 10px;
    }
}