body
{
	width:100%;
}
header
{
	background-color:black;
}	

h1
{
	color:white;
	display: inline-block;
	font-size: 30px;
	vertical-align:top;
	
}

h2
{
	font-size:40px;
	color:white;
	background-color:black;
	text-align:center;
}

h4
{
    font-size:20px;
}

#fondmenu
{
	width:100%;
	height:50px;
	background:linear-gradient(#7cb7ff, #1b81ff);
	border-radius: 0px 0px 4px 4px;
	box-shadow:0px 2px 0px 2px rgba(0,0,0,0.2),
	0px 1px 0px 1px rgba(255,255,255,0.5) inset,
	0px -3px 0px 1px rgba(0,0,0,0.1) inset;
	
}
#menu
{
	font-family:trebuchet MS;
	margin-left:auto;
	margin-right:auto;
	display:table;
	padding:0;
	margin-top:0;
}
#menu li
{
	display: table-cell;
	width:180px;
	transition:text-shadow color 1s;
}
#menu li:hover
{
	width:190px;
	transition:1s;
}
#menu a
{
	color:white;
	text-decoration:none;
	display:block;
	line-height:50px;
	text-align:center;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
	position:relative;
}
#menu a:hover
{
	color:black;
	background:rgba(255,255,255,0.3);
	text-shadow:0 1px 0 rgba(255,255,255,0.2);	
	transition:text-shadow color 1s;
	border-bottom:4px solid rgba(255,255,255,0.8);
}
#menu a::before
{
	content:'';
	position:absolute;
	border-left:3px solid tranparent;
	border-right:3px solid transparent;
	border-top:5px solid rgba(0,0,0,0.2);
	left:50%;
	bottom:5px;
}

#content
{
    width:100%;
	background-color:white;
	background-size:cover;
}

.article 
{

	background-color:black;
	margin-bottom:36px;
	
}
.article h2
{
    color:white;
}
.article p 
{
    color:white;
}

div.partages
{
	margin:0 auto;
}

div.partages img
{
	border-radius:50%;
}

div.section1
{
	background-color:purple;
	margin-top:5px;
}
 div.section1 h2
 {
	 display:inline-block;
 }
 
 div.section2
{
	background-color:gold;
	margin-top:-10px;
}
 div.section2 h2
 {
	 display:inline-block;
 }
 
footer
{
	background-color:black;
}