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*/ {
width: 900px;        /* selon la largeur voulue */
margin:0 auto 0 auto;
border: 1px solid #333;
background-color: black;
height:668px;
}
#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;
}

#minibandeau /*pour préciser qu'on est sur odf*/{
height: 20px;
width:900px;
margin:auto;
padding:0;
color:white;
font-size:14px;
}

#centre /*contenu central*/{
background-color:white;
height:350px;
width:900px;
margin:auto;
overflow:auto;
}

#centre_urgence {
background-color:white;
height:350px;
width:900px;
text-align:center;
}

#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:100px;}
img.image2 {float: right; margin: 0 6px 6px 0;height:100px;}
#txt {float:none; height:110px;}

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

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

h1 {
font-family:Garamond;
font-size: 1em;
margin-left: 25px;
padding-left: 25px;
font-style:bold;
}
h2 {
font-family:Garamond;
font-size: 1em;
margin-left: 35px;
padding-left: 35px;
font-style:italic;
}

.petit
{
font-size: 0.7em;
margin-left: 15px;
padding-left: 15px;
color:gray;
}

#top { /*le header mais sans image pour index video*/
margin:auto;
font-variant:small-caps;
font-size:18px;
color:white;
background-color:black;
}

#article {
width:170px;
height:250px;
float:left;
}
#photohistoire {
width:260px;
height:170px;
float:left;
margin-left:10px;
padding-left:10px;
}

#image {
width:195px;
height:170px;
float:left;
margin-left:10px;
padding-left:10px;
border:1px dotted gray;
}