html, body {
 margin:0;
 padding:0;
 }

body 

{
        
width: 90%;
height: 90%;
        font-family: Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana, "accent sf", serif;
	background-color:#FFFFFF;
	margin:auto;

	
}

#haut
{
text-align: center;
border-top: 3px double #000;
border-bottom: 3px double #000;

}


.salutation

{

top: 10px;
color: blue;
text-align: center;
font-size: 1.1em;
text-decoration: blink;

}

.h2, section .h2
{
font-size: 1em;

}


nav
{
float: left;
margin: 10px 5px 2em 5px;
margin-right: 2%;
width: auto;
font-size: 0.8em;
border: 3px double blue;
border-radius: 10px 5px 10px 5px;
background-color: lightgray;

}

nav li
{
color: blue;

}

#menu
{
text-align: center;
background-color: blue;
color: #ffffff;

}



aside
{
float: right;
margin: 10px 5px 2em 5px;
margin-left: 2%;
width: 190px;
border: 3px double blue;
border-radius: 10px 5px 10px 5px;


}


nav #actualites, nav #bricolage, nav #culture, nav #divers, nav #divertis, nav #finances, nav #horosc, nav #jeux, nav #contact
{ 
background-color: gray;
color: #ffffff;

}



section .actu, section .articles
{


margin-right: 22%;
margin-left: 26%;

}


footer
{


font-size: 0.7em;
text-align: center;
clear:both;

}