body {
font-family:Garamond;
font-size: 1em;
margin: 0;
padding: 0;
text-align:justify;
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#FFFFFF;
}

p {
margin: 0 0 10px 0;
padding-left:20px;
padding-right:20px;
text-align:justify;
}

#rectangle /*rectangle noir qui englobe le site*/ {
width: 800px;        /* selon la largeur voulue */
margin:0 auto 0 auto;
border: 1px solid #333;
background-color: black;
height:600px;
}

#header /*titre du site*/{
height: 150px;
margin:auto;
margin-top:25px;
width:750px;
font-variant:small-caps;
font-size:18px;
color:white;
}

#headerdroit /*cadre à droite pour dernière news*/{
height: 148px;
margin:auto;
width:150px;
font-size:12px;
color:white;
float:right;
}

#menu /*menu*/{
height: 30px;
width:770px;
margin:auto;
font-variant:small-caps;
padding:0;
color:gray;
font-size:16px;
text-align-last:justify;
word-spacing:10px;
}
#centre /*contenu central*/{
background-color:white;
height:300px;
width:700px;
margin:auto;
overflow:auto;
}
#pied /*pied de page*/{
clear:both;
height: 20px;
width:700px;
margin:auto;
color:white;
font-size:12px;
}
#bascadre /*avec coins arrondis*/{
width:700px;
margin:auto;
background-color:white;
}
#hautcadre /*avec coins arrondis*/{
width:700px;
margin:auto;
background-color:white;
}
#menu a {
margin: 0 2px;
color:gray;
text-decoration: none;
}
#menu a:hover {
text-decoration: none;
color:gray;
text-decoration: underline;
}

#headerdroit a {
margin: 0 2px;
color:white;
text-decoration: none;
}

#header a {
margin: 0 2px;
color:white;
text-decoration: none;
}

a img
{
  border:  none ;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(hautgauche.gif);
}
#hautdroit {
float: right;
background: url(hautdroit.gif);
}
#basgauche {
background: url(basgauche.gif);
}
#basdroit {
float: right;
background: url(basdroit.gif);
}
#article {
width:170px;
height:250px;
float:left;
}