/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */

@media only screen and (max-width:850px) and (orientation:portrait) {
	#message_paysage {
		display: none !important;	
	}	
}

@media (max-width:1200px) and (orientation:landscape) {
	#message_paysage {
		position: absolute; top: 0; left: 0;
		z-index:10000000;
		width:100%; height:100%;
		padding:20px;
		background-color: #fff;	
	}
	
	#message_paysage p {
		position: absolute; top: 50%; left: 0;
		width:100%; 
		margin:0;
		margin-top:-20px;
		font-size: 20px;	
	}
}


@media only screen and (max-width:850px){
	#entete {
		position: fixed;	
	}
	
	#entete #logo {
		width:100%;
		text-align: left;
		margin-left:30px;
	}
	
	#page .container {
		width:100%;	
	}
	
	#pied {
		font-size: 11px;
		line-height: 35px;
	}
	
	#pied .container {
		margin:0 15px;	
	}
	
	#pied #gauche_pied {
		font-size: 11px;
		display: none;	
	}
	
	#pied #droite_pied #mentions_legales {
		display: none;	
	}
	
	#pied .langues {
		margin-left:5px;	
	}
	
	#pied .langues #facebook {
		display: none;	
	}
}


@media only screen and (max-width:420px) {
	
	#entete {
		height:55px;	
	}
	
	#entete #logo {
		width:70%;
		margin-left:15px;
		line-height:55px;
		height:55px;
	}
	
	#entete #logo img {
		width:100%;	
		height:auto;
	}
	
	#pied #gauche_pied {
		display: none;	
	}
	
	
	#pied #droite_pied {
		width:50%;
		float: right;
		text-align: right;	
	}
	
	#pied .langues {
		margin-left:0;	
	}
	
	#pied .langues a {
		margin-top:2px;	
	}
	
	#pied .langues a img {
		height:15px;	
	}
	
}


/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */

@media only screen and (min-width:851px){
	#bouton_menu {
		display: none;	
	}	
}

@media only screen and (max-width:850px){
	
	#bouton_menu {
		position: absolute; top: 0; right: 0;
		z-index:10000;	
	}
	
	#bouton_menu a {
		color:#414042;
		text-decoration: none;
		display: inline-block;
		line-height:65px;
		padding:0 25px;
		font-size: 30px;
	}
	
	#menu {
		position: absolute; top: 67px; left:0;
		width:100%; height:auto;
		padding:0;
		display: none;
	}
	
	#menu.affiche {
		display: block;
	}
	
	#menu ul {
		background: url('images/fond_sous_menu.png') no-repeat center center #A89D8C;
		background-size: contain;
	}
	
	#menu ul li {
		float:none;
		padding:0;
		border-bottom:2px solid #cebea6;
	}
	
	#menu ul li:last-child {
		border:none;	
	}
	
	#menu ul li a {
		display: block;
		border:none;
		color:#FFF;
		padding:15px 0;
		font-size: 20px;
	}
	
	#menu ul li ul {
		position: relative; top: 0; left: 0;
		width:100%; background: #878684;
		display: none; margin:0;	
	}
	
	#menu ul li ul li a {
			
	}
		
}

@media only screen and (max-width:420px) {
	#bouton_menu a {
		line-height:55px;
		padding:0 25px;
		font-size: 27px;
	}
	
	#menu {
		top:55px;	
	}
	
	#menu ul li a {
		font-size: 15px;
		padding:10px 0;	
	}	
}