body
	{
	background: url("images/ciel-oiseaux.jpg") fixed no-repeat rgb(150,170,180);
	margin:0;
	padding:0;
    -webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	}
	#garden
	{
	background: url("ciel-oiseaux.jpg") fixed no-repeat bottom right rgb(150,170,180);
	margin:0;
	padding:0;
    -webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	}
	
	#pavement
	{
	background: url("images/pave-rail.jpg") fixed no-repeat rgb(127,127,127);
	margin:0;
	padding:0;
    -webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	}
	.front1
	{
	display: inline-block;
	width: 13%;
	vertical-align: top;
	}
	
	.presentation
	{
	font-size: 0.7em;
	}
	#bloc_page
	{
	width: 90%;
	margin: auto;
	}
	header
	{
	height: 19em;
	border-bottom: 0.2em rgb(130,130,130) solid;
	box-shadow: 1em 1em 1em rgb(75,105,180);
	padding: 1em;
	}
	#pfkheader
	{
	background: url("images/ciel-oiseaux.jpg") fixed no-repeat bottom left;
	opacity: 0.7;
	margin:0;
	padding:0;
    -webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-O-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	height: 11em;
	box-shadow: 0.7em 0.7em 0.7em rgb(120,130,100);
	}
	.transparence
	{
	background-color: rgba(250,250,250,0.5);
	}
	.bordrad
	{
	border-radius: 1em;
	}
	#nav-deroule, #nav-deroule ul {
    padding: 0;
    margin: 0;
    list-style: none;
	}
	#nav-deroule 
	{
	/* on centre le menu dans la page et on lui donne une largeur */
		vertical-align: top;
		display: inline-block;
		text-align: center;
		width: 66%;
		border: 1px rgb(130,130,130) solid;
		box-shadow: none;
		margin-left: 11%;
	
		padding-left: 0.7%;
	}
	.large
	{
	width: 88%;
	}
	
	a
	{
	font-family: Georgia, Arial, "Times New Roman";
	text-decoration: none;
	color: rgb(140,150,180);
	}
	a:hover
	{
	font-size: 1.01em;
	color: white;
	text-shadow: 1px 1px 1px black;
	}
	a:visited
	{
	color: rgb(30,40,90);
	text-shadow: 1px 1px 1px -1px -1px -1px black;
	}
	
	h1, h2, h3, h4
	{
	font-family: "Plantagenet Cherokee", "comic sans ms", Arial, "Times New Roman", sans-serif;
	font-style: normal;
	text-align: center;
	color: black;
	
	}
	.centre
	{
	font-family: Georgia, "comic sans ms", Arial, "Times New Roman", sans-serif;
	margin-left : 19%;
	text-align: justify;
	}
	ol, ul, p
	{
	color: black;
	font-family: Georgia, Arial, "Times New Roman";
	font-size: 1.1em;
	text-align: justify;
	padding: 0.3em;
	}
	
	article
	{
	display: inline-block;
	vertical-align : top;
	width: 70%;

	padding: 1%;	
	margin-bottom: 1em;
	margin-left: 15%;
	}