/* Global */

/* * { padding: 0; margin: 0; border: 0; } */

body { 
background-color: orange;
font-family: Verdana, Arial, Sans-serif;
color:black;
margin:1px;
}

.header 
{ 
background:antiquewhite;
border:0px solid black;
}

/* Encadrement principal */
#page 
{ 
position: relative; 
width: 90%; 
background-color:white;
margin-left:40px; 
margin-right:10px; 
margin-top:20px; 
margin-bottom:20px;
border:2px solid black;
text-align:center;
} 

/* Main portion autour du texte */
#main 
{ 
text-align:center;
width:650px;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:15px;
border-left-style:dotted;
}

#menu
{ 
width:100%;
font-family:Verdana, Arial, Sans-serif;
font-size:8px;
height:auto;
background:azure;
color:black;
border:1px solid black;
text-align:center;
font-weight:bold;
}

#block
{ 
clear:both;
float:right;
width:30%;
/* width:280px; */
height:auto;
background:antiquewhite;
color:black;
border:1px solid brown;
text-align:justify;
margin-right:10px;
margin-top:20px;
font-family:Verdana, Arial, Sans-serif;
font-size:12px;
/* display:block; */
}

.blocktext
{
font-family: Verdana, Arial, Sans-serif;
font-size:5em;
padding-left: 2px;
}

#article
{
font-size:14px;
width:85%;
/* background:lightgrey; */
text-align:justify;
padding:5px;
margin-left:30px;
padding-right:10px;
}

a
{
text-decoration: none; 	
}

a:hover 
{ 
font-size:14px;
background-color:orange;
color:black
}

a:link 
{
text-decoration:none;
color:black;
text-align:center;
font-weight:bold;
}

a:visited 
{
text-decoration:none;
color:black;
text-align:center;
}

h1 { font-size:30px}

h2 { font-size:24px}

h3 { font-size:20px}

p,h1,h2,h3 { margin: 10px 10px 10px 10px}

.footer { 
width:90%;
text-align:center;
padding:1px;
background:light grey;
border:1px solid black;
}