/* Style sheet for : 0px < width screen <= 580px */

/* ---------------- Proprietes generales ---------------- */

.box
{
	display: inline-block;
	vertical-align: bottom;
	margin-left: 7px;
	margin-right: 7px;
}

/* ---------------- Bandeau ---------------- */

#header
{
	background: url("../images/bandeau.png") black no-repeat left;
}

#citation
{
	display: none;
}

/* ---------------- Section Philippe Boyadjis ---------------- */

#phb_title
{
	min-width: 250px;
	padding-left: 10px;
	padding-top: 10px;
}

#phb_text
{
	min-width: 310px;
	width: auto;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

#phb_box
{
	float: none;
	text-align: center;
	width: 100%;
}

/* ---------------- Separation ---------------- */

#separation
{
	min-width: 310px;
	margin-top: 10px;
}

/* ---------------- Section Lukas webagency ---------------- */

#lukas_title
{
	display: none;
}

#lukas_haut
{
	text-align: center;
}

#lukas_picture
{
 	float: none;
 	min-width: 190px;
}

#lukas_picture img
{
	text-align: center;
	margin-left: auto;
 	margin-right: auto;
}

#lukas_text
{
	min-width: 310px;
	width: auto;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

#lukas_box
{
	float: none;
	text-align: center;
	width: 100%;
}

.lukas_flag
{
	display: inline-block;
	margin-left: 5%;
	margin-top: 20px;
	min-width: 280px;
}

#lukas_flag_all
{
	display: none;
}

#lukas_flag_mobile
{
	display: inline-block;
}

/* ---------------- Footer ---------------- */

#footer
{
	min-width: 250px;
}