/* Menus --------------------------------------------------------- */
#menu_wrapper {
	width: 249px;
	float: left;
	padding: 1% 0;
	z-index: 289;
}
#menus {
	margin: 0;
	padding: 0;
}
#menus li {
	float: none;
	display: block;
	margin: 0;
	height: auto;
	line-height: 20px;
}
#menus li a {
	height: auto;
	width: 100%;
	display: inline-block;
	padding: 5px 12px;
	white-space: normal;
	line-height: 22px;
}
/* Sub-menus ------------------------------------------------------- */
#menus li ul.submenus {
	left: 100%;
	top: 0;
}
/* Gauche ------------------------------------------------------- */
#contenu {
	width: 999px;
}
#contenu_gauche {
	float: right;
	width: 70.7%;
	padding: 3% 2% 0 2%;
}
#contenu_padding {
	float: right !important;
	width: 70.7%;
	padding: 3% 2% 0 2%;
}

#btn_mobile {
	display: none !important;
}

#contenu_padding.accueil{
	width: 70.7% !important;
	float: right !important;
}

/* Galery elements -------------------------------------------------------- */
.galery-wrapper, .photo-wrapper {
	width: 100%;
	padding: 2% 0.2% 1% 0%;
}

.photo-wrapper.accueil {
	width: 100% !important;
}
/* Droit -------------------------------------------------------- */
#contenu2 {
	width: 229px;
	float: left;
	padding: 10px;
	margin: 10px 0 0 0;
}
/* iPhone  =============================================================== */
@media screen and (max-width: 488px) {
/* Menus --------------------------------------------------------- */
#menu_wrapper {
	width: 100%;
	display: block;
	clear: both;
	padding: 2% 0;
	margin-bottom: 10px;
	float: none;
}

#menus li a {
	padding: 5px 0px;
}
/* Sub-menus ------------------------------------------------------- */
#menus li ul.submenus {
	left: 30px;
	top: 100%;
}
/* Gauche ------------------------------------------------------- */
#contenu {
	width: 100%;
	float: none;
	display: block;
	clear: both;
}
#contenu_gauche {
	float: none;
	display: block;
	clear: both;
	width: 95%;
	padding: 1% 2%;
	overflow: hidden;
}
#contenu_padding {
	float: none;
	display: block;
	clear: both;
	width: 96%;
	padding: 1% 2%;
	overflow: hidden;
}

#contenu_padding.accueil {
	float: none;
	display: block;
	clear: both;
	width: 100% !important;
	padding: 1% 2%;
	overflow: hidden;
}

#btn_mobile {
	display: inline !important;
}
/* Galery elements -------------------------------------------------------- */
.galery-wrapper, .photo-wrapper, .photo-wrapper.accueil {
	float: none;
	display: block;
	clear: both;
	width: 97.8% ;
	padding: 2% 0.2% 1% 2%;
	overflow: hidden;
}
/* Droit -------------------------------------------------------- */
#contenu2 {
	width: 96%;
	padding: 1% 2%;
	float: none;
	display: block;
	clear: both;
}
#quick-link {
	width: 96%;
	padding: 3% 2%;
	margin-bottom: 8px;
}
}