#ex1
{
	background:linear-gradient(90deg,#8dcaf0,#5f7d90);
}

div
{
	margin: auto;
	width:700px;
}
header
{
	text-align:center;
	color:white;
}
#logo
{
	/*largeur dans la page, s'exprime en % */
	opacity:1;
	box-shadow:10px 10px 50px #203543;
}
section
{
width:670px;
margin:auto;	
}
p
{
	font-size:1.5em;
	font-style:italic;
	text-align:justify;
	/*padding:12px; marge intérieure*/
	/*margin:px; marge extérieure*/
	opacity:0.7;
	color:black;
}

h1
{
	font-size:4em;
	text-align:center;
	color:white;
	opacity:1;
	text-shadow: 6px 6px 6px black;
}
h2
{
	text-align:center;
	color:white;
	text-shadow: 4px 4px 4px black;
}
h3
{
	text-align:center;
	color:black;
	opacity:0.7
}
h4
{
	text-align:center;
	color:white;
}
em
{
	font-family:arial black;
	font-style:normal;
}
body
{
	background-image:url("BarArt_lineargradient.gif");
	color:white;
}