@media screen and (max-width: 1050px) {

footer #adresse { width: 30%; }
footer #rs { width: auto; }
.nobr br { display: none; }
	
}



@media screen and (max-width: 900px) {

footer #adresse { order: 2; width: 66%; }
footer #contact { order: 1; width: 100%; text-align: center; margin-bottom: 2em; }
footer #rs { order: 3; }

}



@media screen and (max-width: 750px) {

/* :root{ --dev-opacity-0: 0.2; } */

	/* BURGER */
	header {
/*		top: -2000px;
		position: absolute;
*/	}
	.hamburger {
		position: fixed;
		display: block;
		top: 55px;
		right: 10px;
		margin-left: -2em;
		margin-top: -45px;
		width: 2em;
		height: 45px;
		z-index: 2000;
	}
	.hamburger:hover {
		cursor: pointer;
	}
	
	.hamburger div {
		position: relative;
		width: 26px;
		height: 4px;
		background-color: var(--color-section-rouge);
		margin-top: 5px;
		transition: all 0.3s ease-in-out;
	}
	
	/* Animations burger */
	#toggle:checked + .hamburger .top-bun {
		transform: rotate(-45deg);
		margin-top: 16px;
	}
	#toggle:checked + .hamburger .bottom-bun {
		opacity: 0;
		transform: rotate(45deg);
	}
	#toggle:checked + .hamburger .meat {
		transform: rotate(45deg);
		margin-top: -4px;
	}
	
	/* Menu */
	#nav ul.menu {
		flex-flow: column wrap;
		width: 100%;
		margin-top: 0;
		background: var(--color-beige-general);
		position: absolute;
		top: 7px;
		border-bottom: 1px solid var(--color-gris3);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#nav ul li {
		transition: all 0.2s ease-out;
		height: 0px;
		padding: 0px 16px;
		overflow: hidden;
	}
	#nav ul.sous_menu {
		display: inline;
	}
	#nav.open ul li {
		height: auto;
		padding: 6px 70px;
	}
	#nav.open ul.menu {
		padding-top: 40px;
	}	
	#nav li:hover ul.sous_menu {
		display: inherit;
		position: inherit;
		flex-flow: inherit;
		padding: inherit;
		background-color: inherit;
		left: inherit;
		border: inherit;
		margin-top: inherit;
		border-top: inherit;
		box-shadow: inherit;
	}
	#nav.open ul li ul li {
		padding: 6px 20px;
	}
	#nav.open ul li:hover ul {
		padding: 0;
		list-style: none;
	}




	
	/* Autre */
	/* Accueil */
	#main {
	/*	margin-top: 0; */
	}
	section { flex-flow: column wrap; }
	section#accueil { background: var(--color-beige-general); }
	article { 
		min-width: calc(100% - 50px);
		padding: 25px;
	}
	#accueil .art_1, #presentation .art_1 {
		min-height: 40vh;;
	}
	#accueil .art_1 .div_img, #presentation .art_1 .div_img {
		height: 40vh;
		left: 25px;
	}
	.anim_cercle {
		width: 20vw;
		height: 20vw;
	}
	.anim_c1, .anim_c2, .anim_c3 {
		top: 35vh;
		left: calc(((100vw)/2 - 20vw/2) - 25vw);
	}
	.anim_c1 { left: calc(((100vw)/2 - 20vw/2) - 25vw); }
	.anim_c2 { left: calc(((100vw)/2 - 20vw/2)); }
	.anim_c3 { left: calc(((100vw)/2 - 20vw/2) + 25vw); }
	.legal::after {
		bottom: auto;
		left: auto;
		top: 10px;
		right: 10px;
	}
	/* Histoire et autres */
	.histoire #pronto_google {
		margin: 20px 0;
	}
	.mob_w100p {
		min-width: calc(100% - 50px);
		padding: 25px;
	}
	.div_img.mob_w100p {
		flex-flow: column wrap;
		min-width: calc(100% - 50px);
		padding: 25px;
	}
	.div_img.mob_w100p div {
		width: 100%;
		padding-bottom: 3em;
	}
	.div_img.mob_w100p .legende {
		bottom: 1.5em;
	}
	.hauto.pad_top_3 {
		padding-top: 0;
	}
	/* items */
	section.menu_item article {
		min-width: calc(100% - 50px);
		width: calc(100% - 50px);
	}
	section.menu_item h2 { 
		min-width: calc(100% - 50px);
	}
	section.menu_item .item {
		width: calc(100% - 50px);
		min-height: 100px;
	}
	.carte p, .carte p.w66p {
		width: calc(100% - 50px);
		padding: 0 25px;
	}
	section.menu_item.carte .item {
		width: 100%;
		padding: 0;
	}
	section.menu_item.carte .item_img {
		width: 12%;
	}
	
	/* contact */
	#map {
		width: 100%;
		margin-left: 0;
	}
	
	
	footer { margin-top: 0; }
	
	.admin .btn,
	.admin.home #login, .admin.home #password, .admin.home #email {
		width: 45%;
	}

}

@media screen and (max-width: 450px) {

	h1, #presentation h2 {
		font-size: 3em;
	}
	footer #adresse, footer #rs { width: 100%; }
	footer #rs {
		text-align: center;
		margin-top: 1em;
	}
	
	form input { width: 100%;}
	
	.map2 div .btn {
		width: auto;
	}

	.admin .btn,
	.admin.home #login, .admin.home #password, .admin.home #email {
		width: 100%;
	}

}