#logo
{
	width:100%;
	text-align:center;
}

#logo a
{
	width:32%;
	margin:0 auto;
}

#logo img
{
	position:relative;
	margin:0 auto;
}

#header-menu
{
	background:white;
}

footer
{
	background:#121529;
	width:100%;
	float:left;
}

footer a
{
	color:white;
	display:block;
}

body.path-frontpage #frontelem .carousel,
body.path-frontpage #frontelem .article,
body.path-frontpage #frontelem .menu
{
	width:100%;
	height:auto;
	float:left;
}

body.path-frontpage #frontelem .carousel img
{
	width:100%;
	height:auto;
}

body.path-frontpage #frontelem .article .views-row img
{
	width:100%;
	height:auto;
}

body.path-frontpage .article .view-header,
body.path-frontpage .titremenu
{
	font-size:2em;
	border-top:1px solid #F48120;
	border-bottom:3px solid #F48120;
	text-align:left;
	padding-left:5%;
}


/* PHONE MOBILE */
@media screen and (max-width:480px)
{
	body.path-frontpage #frontelem .article .views-row
	{
		width:100%;
		height:auto;
		float:left;
		text-align:center;
		display:inline-block;
		vertical-align:top;
		margin-left:1%;
		margin-right:1%;
	}
	
	body.path-frontpage #frontelem .article .views-row .views-field-field-image
	{
		padding:5%;
	}
	
	body.path-frontpage #frontelem .menu
	{
		width:100%;
		height:auto;
		float:left;
		margin:0 auto;
		position:relative;
		text-align:center;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu
	{
		width:100%;
		height:200px;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin:0 auto;
		padding-top:20px;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:hover
	{
		opacity:0.68;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu a
	{
		color:white;
		text-transform:uppercase;
		display:block;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(2)
	{
		background:#890909;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(3)
	{
		background:#498909;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(4)
	{
		background:#098989;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(5)
	{
		background:#490989;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu svg
	{
		width:16%;
		display:block;
		margin:0 auto;
		position:relative;
		fill:white;
		vertical-align:middle;
		margin-top:5%;
	}
}
/* TABLETTE */
@media screen and (min-width:481px) and (max-width:960px)
{
	body.path-frontpage #frontelem .article .views-row
	{
		width:49%;
		height:auto;
		float:left;
		text-align:center;
		display:inline-block;
		vertical-align:top;
	}
	
	body.path-frontpage #frontelem .article .views-row .views-field-field-image
	{
		padding:5%;
	}
	
	body.path-frontpage #frontelem .menu
	{
		width:100%;
		height:auto;
		float:left;
		margin:0 auto;
		position:relative;
		text-align:center;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu
	{
		width:49%;
		height:200px;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin:0 auto;
		padding-top:20px;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:hover
	{
		opacity:0.68;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu a
	{
		color:white;
		text-transform:uppercase;
		display:block;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(2)
	{
		background:#890909;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(3)
	{
		background:#498909;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(4)
	{
		background:#098989;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(5)
	{
		background:#490989;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu svg
	{
		width:16%;
		display:block;
		margin:0 auto;
		position:relative;
		fill:white;
		vertical-align:middle;
		margin-top:5%;
	}
}
/* PC ORDI */
@media screen and (min-width:961px)
{
	body.path-frontpage #frontelem .article .views-row
	{
		width:23%;
		height:auto;
		float:left;
		text-align:center;
		display:inline-block;
		vertical-align:top;
		margin-left:1%;
		margin-right:1%;
	}
	
	body.path-frontpage #frontelem .article .views-row .views-field-field-image
	{
		padding:5%;
	}
	
	body.path-frontpage #frontelem .menu
	{
		width:100%;
		height:auto;
		float:left;
		margin:0 auto;
		position:relative;
		text-align:center;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu
	{
		width:24%;
		height:200px;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin:0 auto;
		padding-top:20px;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:hover
	{
		opacity:0.68;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu a
	{
		color:white;
		text-transform:uppercase;
		display:block;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(2)
	{
		background:#890909;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(3)
	{
		background:#498909;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(4)
	{
		background:#098989;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu:nth-child(5)
	{
		background:#490989;
	}
	
	body.path-frontpage #frontelem .menu .elemmenu svg
	{
		width:16%;
		display:block;
		margin:0 auto;
		position:relative;
		fill:white;
		vertical-align:middle;
		margin-top:5%;
	}
}