body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url(images/bg.jpg);
}
img {
	border:0;
}
h1{
	margin:0;
}
/* bordure du site */
/* conteneur du site */
#site {
	position: absolute;
	/* 1er etape centrage : place le coin superieur gauche du site en milieu de page */
	left: 50%; 
	/* largeur du site */
	width: 760px;
	/* 2eme etape centrage : centrage avec marge negative pour centrage horizontale du site */
    margin-left: -380px; /* moitié de la largeur */
	border-left: 1px solid;
    border-right: 1px solid;
	border-bottom: 1px solid;
	border_color: #000033;
	background:  #FFFFFF;
}
/* banniére du site */
#bann  {
	width: 100%;
	margin: 0;
	height: 170px;
	background-image:  url(images/bgbann.jpg);
}
.logo {
	margin-top: 25px;
	float: left;
}
/* menu (dans la banniere)*/
.menu {
	float: left;
	width: 760px;
	margin-top: 13px;
	font-weight: bold;
}
.menu ul{
	margin-left: 10px;
	margin-top: 0px;
	padding: 0px;
  	padding: 0;
	line-height: 30px;
	white-space: nowrap;
}
.menu li {
	list-style-type: none;
	display: inline;
}
.menu li a {
	font-size: 0.8em;
  	color: #FFFFFF;
	text-decoration: none;
}
.menu li a:hover {
	text-decoration: underline;
}
/* corps du site :  article + sidebar */
#corps {
	width: 760px;
	height: 100%;
}
#corps a {
  	color: #0066CC;
	text-decoration: none;
}
#corps a:hover {
	text-decoration: underline;
}
/* contenu */
#article {
	text-align: justify;
	width: 550px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	padding-bottom: 20px;
	font-size: 0.8em;
}
#article .titre {
	margin: 0px;
  	display: list-item;
  	list-style-image: url(images/puce_big.jpg);
  	list-style-position: inside;
	color: #333333;
}
#article .delimite{
	margin: 0px;
	height: 20px;
	width: 100%;
	background-image: url(images/delim.gif);
}
#article .photo_d {
	text-align: right;
	padding-left: 5px;
	padding-top: 23px;
	padding-bottom: 5px;
	width: 250px;
	float: right;
}
#article .photo_g {
	text-align: left;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 250px;
	float: left;
}
#article .p {
	clear: both;
	color: #000000;
	float: left;
}
#article .tableStyle{
	text-align: center;
}
#article table{
	background-color: #333333;
}
#article td{
  padding: 5px;
	background-color: #FFFFFF;
}
/* sidebar : contient les breves et l'actualités */
#sidebar {
	text-align: justify;
	width: 160px;
	margin-right: 10px;
	margin-top: 22px;
	padding-bottom: 20px;
	float: right;
	font-size: 0.7em;
}
#sidebar .titre{
  margin: 0px;
  display: list-item;
  font-size: 1.9em;
  list-style-image: url(images/puce_s.jpg);
  list-style-position: inside;
  color: #FF0000;
}
#sidebar .h3{
	color: #FF0000;
	font-weight: bold;
}
#sidebar .delimite{
	margin: 0px;
	height: 20px;
	width: 100%;
	background-image: url(images/delim.gif);
}
#sidebar .date{
	margin: 0px;
  	display: list-item;
  	list-style-image: url(images/puce_lg.jpg);
  	list-style-position: inside;
	font-weight: bold;
}
#sidebar .p{
	margin: 0px;
	height: 20px;
	color: #000000;
}
/* pied de page */
#footer {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 760px;
	height: 20px;
	background-image: url(images/bgfooter.jpg);
}
/*style pour texte expliquant les paramêtres d'optimisation du site et les credits */
.optim{
	font-size: 0.6em;
	text-align: center;
}