html
{
    font-family : Nunito;
    height : 100%;
}

body
{
	font-family: "Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin : 0;
}

header
{
    width : 100%;
}

header a
{
    display : block;
    color : #686868;
    text-align : right;
    height : 1.5em;
}

#banner
{
    background-color : #f0f0f0;
}

#banner img
{
    display : inline-block;
    padding-top : 1.5em;
    padding-left : 1.5em;
}

#banner1
{
    background-color: #f0f0f0;
	height: 90px;
	text-align : center;
	width : 100%;
}

#banner1 img
{
    display : inline-block;
    padding-top : 1.5em;
    padding-left : 1.5em;
}

main
{
    padding : 2em 0;
}

#contents {
padding: 0 15px;
}

footer
{
    background-color : #30373D;
    background-repeat : repeat-x;
    height : 5em;
    padding : 2em;
    text-align : center;
}

footer a
{
	color : white;
}

#spid-agid-logo
{
	margin-top : 3.5em;
	text-align : center;
	width : 100%;
}

@media screen and (min-width : 50em) {
	#contents
	{
    	height : 20em;
    	margin : auto;
    	overflow : hidden;
    	width : 50em;
	}

	#l-contents
	{
		float : left;
		line-height : 1.4em;
		width : 50%;
	}

	#r-contents
	{
		float : left;
		width : 50%;
		padding-top: 20px;
		text-align: center;
	}
}

@media screen and (max-width : 50em) {
	#contents
	{
    	height : 20em;
	}

	#l-contents
	{
		line-height : 1.4em;
	}

	#r-contents
	{
		margin-top : 2em;
		text-align : center;
	}

	#spid-other-infos
	{
		text-align : center;
	}
}