body
{
color:white;
margin:0;
background-color:#999;
font-family: Sans-Serif;
}

#container
{
margin:0;
background-color:black;
}

#header
{
background-image:url('img/header.png');
background-repeat:no-repeat;
display:block;
width:540px;
height:321px;
margin: 0 auto;
}

#Navbar
{
padding:0px 12px;
background-color:#999;
}

#Navbar ul {
   list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

#Navbar li{
	    margin: 3px 0px;
		float: left;
}

#Navbar li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#Navbar li a#lang_link{
	padding: 14px 16px 8px 16px;
}

#Navbar li a:hover {
	background-color: #111;
}

.flag{
	/*border-style:none;*/
	border: 2px solid transparent;
}

.flag.active{
	border: 2px solid #00ea00;
}


#BLOCK1
{
color:#000;
margin:15px -1px 10px 40px;
padding:12px;
background-color:#4fa5a4;
}

#BLOCK2
{
color:#000;
margin:0;
padding:11px;
background-color:#abcd79;
}

#block_about{
	margin: 0px 42px;
}

#footer
{
text-align:right;
margin:30px 0px 0px 0px;
position:relative;
height:42px;
padding:32px;
background-color:#4fa5a4;
border: solid white  2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#FFF;
}

.footer-inline{
}

#block_liste li{
cursor:pointer;
text-decoration: none;
}

#affiches{
display: flex;
flex-flow: no-wrap;
justify-content:center;

min-height:50px;
max-height:500px;
height:auto;

width:100%;

border-top: 2px solid white;

}

#affiches > img {
	/*max-width: 100%;*/
    max-height: 500px;
	margin-left: 15px;
}

.affiche{
	display:none;
}