/** HEADER ACCUEIL  **/
@media only screen and (max-width: 1200px) {
	#accueil_entete h1 {
		bottom:10%;
	}
	#accueil_logo img {
		max-width:150px;
		margin-top:120px;
	}

}
@media only screen and (max-width: 850px) {
	#accueil_entete h1 {
		bottom:0;
	}
	#accueil_logo img {menu
		max-width:120px;
		margin-top:100px;
	}

}
@media only screen and (max-width: 650px) {
	#accueil_logo {
		position:relative;
		width:100%;
		z-index:100;
		border:solid 0px red;
	}
	#accueil_logo img {
		max-width:200px;
		margin-top:50px;
	}
	#accueil_entete h1 {
		font-size:2em;
	}


}
/*** Bastides Accueil ***/
@media only screen and (max-width: 1200px) {
	 #bastides div#vignettes > div  {
		width:250px;
	}
	 #bastides div#vignettes > div  img  {
		max-width:250px;
	}

}



@media only screen and (max-width: 1080px) {
	 #bastides div#vignettes   {
		 max-width:600px;
		 margin:auto;
		 justify-content: space-around;
		
	}
	 #bastides div#vignettes > div  {
		margin-bottom:20px;
	}
}

@media only screen and (max-width: 500px) {
	#bastides2  > div#panneau {
		padding-bottom:130px;
	}
}

/**** Pages bastides ***/
@media only screen and (max-width: 600px) {
	#basdepage {
		flex-direction: column;

	}
}

/**** Pages Contact ***/
@media only screen and (max-width: 950px) {
	#reservation  td.content3 > select, #reservation  td.content3 > input{
		width:100%;
		margin-bottom:8px;
	}
}
@media only screen and (max-width: 780px) {
	#reservation  td.content2 > select, #reservation  td.content2 > input,  #reservation  td.content2 > div{
		width:100%;
		margin-bottom:8px;
	}
}
@media only screen and (max-width: 700px) {
	#reservation td.content6 > span:nth-child(1) {
		text-align:left;
		min-width:130px;
		border:solid 0px;
		height:30px;
	}
	#reservation td.content6 > span {
		text-align:left;
		min-width:130px;
		border:solid 0px;
		height:30px;
	
	}
}

/**** Menu ***/
@media only screen and (max-width: 700px) {
	nav.menu ul {
		justify-content: center;
	}
	nav.menu ul li{
		display:none;
	}
	nav.menu ul li.mob{
		display:inline-block;
		width:auto;
		border:solid 0px;
	}
	nav.menu ul li.image_menu{
		display:none;
		width:auto;
		border:solid 0px;
	}
	nav.menu ul:hover li:not(.mob):not(.image_menu){
		display:block;
		width:100%;
		background-color: #b5ab9f;
		margin:0;
	}
	nav.menu ul  ul{
		display:block;
		position:relative;
	}
	
	nav.menu ul li ul{
		display:flex;
		position:relative;
		z-index:10;
		border:solid 0px green;
		margin:auto;
		padding:0;
		background-color: #b5ab9f;
		width:100%;
		top:44px;
	}
	nav.menu ul li#langue {
		display:none;
	}
	nav.menu ul:hover li#langue_mob {
		display:block;
	}



	nav.menu ul:hover div#menu_chambres {
		border:solid 0px red;
		overflow:hidden;
		display:block;
		margin-top:0;
		position:relative;
		background-color: #b5ab9f;
		width:100%;
		text-align:center;
	}
	div#menu_chambres > div > a {
		color:white;
		font-weight:normal;
		padding:0;
		margin-left:10px;
		margin-right:10px;
		display:inline;
		font-size:0.9em;
	}
	div#menu_chambres > div  {
		background-color: #b5ab9f;
		border:solid 0px;
		width:auto;;
		display:inline-block;
	}
}