body

	{

		margin:0;
		padding: 0;
		font-family: sans-serif;
		background-color: #B4AF91;
		background-size: 100%;
		height: 100%;

	}


	.menu


	{
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		list-style: none;
		background: black;
		display: none;
	}


	

	li

	{
		flex: auto;
		text-align: center;
		border-bottom: 1px solid rgba(0,0,0,.2);
		color: white;
		list-style-type:none
		
	}

	li:last-child

	{
		border: none;
	}



	.lignemenu

	{
		text-decoration: none;
		color: #eee;
		line-height: 3;
		display: block;
		padding-left: 1em;
		background: black
		display: block;
	}

	.lignemenu:hover

	{
		background: grey;
	}
	

	#entete
	{
		background-color: #B4AF91;
		position: fixed;
		width: 100%;

	}

	#banniere
	{
		margin-top: 0;
		display:flex; 
		justify-content: flex-end;
		background-color: #B4AF91;

	}

	.logo
	{
		flex:1;
		padding-left: 5;
	}
	.viadeo
	{

		padding-right: 50;
	}

	.viadeo img, .linkedin img, .mail img
	{
		margin-top: 70;
		filter: invert(0);
        -webkit-filter: invert(0);
        -moz-filter: invert(0);
        -o-filter: invert(0);
        -ms-filter: invert(0);
	}
	.viadeo img:hover, .linkedin img:hover, .mail img:hover
	{
        filter: contrast(7%);
        -webkit-filter: contrast(7%);
        -moz-filter: contrast(7%);
        -o-filter: contrast(7%);
        -ms-filter: contrast(7%)

	}

	.linkedin
	{
		padding-left : 20;
		padding-right: 20;
	}

	
	#toggle-menu

	{
		background: black;
		line-height: 2;
		color: #fff;
		padding-left: 1em;
		padding-bottom: 20;
		cursor:pointer;
	}
.corps
{
	padding-top: 200;
}

@media  screen and (min-width: 800px)
{
		.menu

		{
			display: flex;
		}
		li

		{
			text-align: center;
			border-right: 1px solid rgba(0,0,0,.2);
			border-bottom: 0px;
		}

		a

		{
			padding-left: 0;
		}
	
		#toggle-menu

		{
			display: none;
		}
		.video
		{
			padding-right: 0;
			margin-right: 0;
		}
	}


#rubrique
{
    display: flex;
    background-color: black;
}

#table1
{
    display: flex;
    background-color: black;
    text-align: center;
}



article
{
	padding-left: 30px;
	color: white;

}


h1 

{
	text-align: center;
	font-size: 50;
	color: #E4FDFA;
}

h2

{
	text-align: center;
	font-size: 30;
	color: #E4FDFA;
}

h3
{
	text-align: center;
	color: #E4FDFA;
}