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

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

#rectangle /*rectangle noir qui englobe le site*/ {
position: absolute;
width: 900px;        /* selon la largeur voulue */
margin-left: -450px; /* moitie de width */
left: 50%;           /* constant, toujours 50% */
height: 648px;       /* selon la quantite de texte */
margin-top: -350px;   /* moitie de height */
top: 50%;            /* constant, toujours 50% */
border: 1px solid #333;
background-color: black;
}
#header /*titre du site*/{
height: 200px;
margin:auto;
width:900px;
font-variant:small-caps;
font-size:18px;
color:white;
background: url('./images/1.jpg') no-repeat; 
}
#menu /*menu*/{
height: 30px;
width:900px;
background-image:url('./menu.jpg');
background-repeat: no-repeat;
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:350px;
width:900px;
margin:auto;
overflow:auto;
}
#pied /*pied de page*/{
clear:both;
height: 30px;
width:900px;
background-image:url('./menu.jpg');
background-repeat: no-repeat;
margin:auto;
color:gray;
font-size:12px;
}
#bascadre /*avec coins arrondis*/{
width:900px;
margin:auto;
background-color:white;
}
#hautcadre /*avec coins arrondis*/{
width:900px;
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;
}
a img
{
  border:  none ;
}

#object {margin-left:10px;padding-left:10px;height:19px;width:150px;position:absolute; align:center;}

/* 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.jpg);
}
#hautdroit {
float: right;
background: url(hautdroit.jpg);
}
#basgauche {
background: url(basgauche.jpg);
}
#basdroit {
float: right;
background: url(basdroit.jpg);
}

img.image {float: left; margin: 0 6px 6px 0;height:220px;}
#txt {float:none; height:230px;}

a:link{
color:DodgerBlue;
text-decoration:none;
}
a:hover{
text-decoration: none;
color:DodgerBlue;
text-decoration: overline underline;
}
a:visited {
color:slategray;
text-decoration: underline;
}
#smallcaps {
font-variant:small-caps;}

.smallcaps {
font-variant:small-caps;}