body
{
   background-color:#306090;
   color:#ffffff;
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size:small;
   margin:2em 1%;
   padding:0;
}

#page
{
   color:#000000;
   background-color:#ffffff;
   /*background-image:url("http://openweb.eu.org/squelettes/style/original/fond.png");
   background-position:top right;
   background-repeat:no-repeat;*/
   border:3px solid #000000;
   min-height:55em;
   height:55em;
}

html>body #page
{
   height:auto;
}

header
			 {
   				margin:2em 3% 1% 3%;
   				padding:0.05em 0 0.05em 0;
   				font-size:200%;
   				background-color:#ffd000;
   				border-radius:25px;
			 }

header h1
			 {
   				font-family:"Comic Sans MS",Arial,Helvetica,sans-serif;
   				text-align:center;
			 }
			 
 header .logo
			{
   				float:left;
   				display:block;
   				margin:15px;
			}

nav
{
			left:5%;
   			position:absolute;
   			width:15%;
   			overflow:hidden;
   			border:1px solid #000000;
   			border-radius:25px;
}

nav>h1
{
color:blue;
}
nav>h2
{
			border-color:#f09000;
   			border-style:solid;
   			border-width:0 0 3px 0;
   			font-size:medium;
   			font-weight:700;
   			margin:0;
   			padding-left:0em;
   			text-transform:uppercase;
}
nav h2:first-letter
{
			color:green;
}

nav>ul
{
			margin-bottom:1.5em;
   			margin-top:0.5em;
}

nav li
{
			list-style:none;
}

nav a
	   		 {
	   			display:block;
      			text-decoration:none;
      		 }
 
 nav a:hover
 {
 background-color:yellow;
 }
 
article
{
			background-color:#f5f8fc;
   			border:1px solid #6090c0;
   			border-radius:25px;
   			line-height:150%;
   			margin:0 3% 2em 21%;
   			padding:0 2% 3em 2%;
   			color:#000000;
}

article #recette
{
font-family:cursive;
font-weight:bold;
}