<STYLE TYPE="text/css">

A {
color:#000000;
}
A:hover {
color:#000000;
}

body
{
background-image:url(Images/08.gif);
margin: auto;
padding: auto;
text-align: center;
height: 100%;
}
#article {
background-color:#FFFFFF;
width: 730px;
padding-left: 2px;
padding-right: 5px;
}

#bandeauhaut {
float:left;
margin-bottom:5px;
display:inline;
width:820px;
background-color:#FFFFFF;
}
#bandeauhaut .gauche{
float:left;
}
#bandeauhaut .droite {
float:right;
display:inline;
margin-top:8px;
margin-right:5px;
}
#bouquins {
width:700;
}
#bouquins p {
display:table-cell;
width:200px;
padding-left:12px;
text-align:center;
 }
#carredroite{
width:300px;
height:250px;
margin-bottom:5px;
margin-left:12px;
margin-top:5px;
float:right;
}
#carregauche{
width:300px;
height:250px;
margin-bottom:5px;
margin-right:12px;
margin-top:5px;
float:left;
}
#droite {
position: relative;
float: left;
width: 190px;
text-align: left;
padding-left: 5px;
padding: 5px;
background-color: #ffffff;
		}
#encadregrand {
width: 680px;
margin: 10px;
padding: 10px;
height:auto;
position:relative;
background-color:#D8D8D8;
}
#encadrepetit {
width: 400px;
float:right;
margin: 10px;
padding: 10px;
height:auto;
position:relative;
background-color:#D8D8D8;
}
#gauche {
position:relative;
float:left;
width:190px;
text-align: left;
padding:5px;
padding-left:10px;
background-color: #ffffff;
		}
#haut {
text-align:center;
position:relative;
width:820px;
height:200px;
background-color:#FFFFFF;
	}

.hg {
background-image: url(Images/points.gif);
background-repeat:repeat-x;
width:100%;
height:17px;
padding-bottom:10px;
}

.hg p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
background-color:#ffffff;
font-weight:bold;
display:inline;
padding-right:15px;
vertical-align:baseline;
line-height:12px;
}

.hg2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
line-height:18px;
background-color:#ffffff;
font-weight:bold;
padding-right:15px;
}
.imagetitre {
vertical-align:middle;
margin:15;
}
.imagedroite{
float:right;
margin:8;
padding:8;
}
.imagegauche{
float:left;
margin:8px;
padding:8px;
}
.imagecentre{
display:block;
float:center;
text-align:center;
}
#menu {
position:relative;
width:189px;
margin-bottom:7px;
text-align: left;
background-color: #E8E8E8;
}
#menugauche {
display:block;
background-color:#FFFFFF;
float:left;
margin:10px;
padding-top:10px;
		}
#menunews {
position:relative;
width:177px;
margin-bottom:7px;
text-align: left;
background-color: #E8E8E8;
}
#milieu {
position:relative;
float: left;
background-color:#FFFFFF;
width:400px;
padding-top:5px;
margin-left: 5px;
margin-right: 2px;
vertical-align: text-top;
			}
#milieunews {
position:relative;
float: left;
background-color:#FFFFFF;
width:500px;
padding-top:5px;
margin-top:15px;
margin-left: 5px;
margin-right: 5px;
padding-right:5px;
vertical-align: text-top;
			}
#milieurubrique {
position:relative;
float: left;
background-color:#FFFFFF;
width:550px;
padding-top:5px;
margin-left: 5px;
margin-right: 12px;
vertical-align: text-top;
			}
			#notes{
background-color:#FFFFFF;
padding-left: 50px;
padding-right: 5px;
padding-bottom: 30px;
}
.notes {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
#page {
background-color: #FFFFFF;
position		: relative;
width			: 820px;
margin		    : 0 auto;
margin-top		: 10px;
min-height		: 100%;
text-align		: left;
padding-bottom	: 20px;
	}
#pagenews {
background-color: #FFFFFF;
position		: relative;
width			: 920px;
margin		    : 0 auto;
margin-top		: 10px;
min-height		: 100%;
text-align		: left;
padding-bottom	: 20px;
	}
.points {
border-style:dashed;
}
#rubrique {
background-image:url(Images/green.jpg);
width: 730px;
padding-left: 8px;
padding-right: 5px;
padding-bottom:5px;
padding-top:10px;
}
.textearticle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

.textearticle p:first-letter {
font-size: 100%;
font-weight: bold;
font-size:125%;
}
.titrearticlenews {
line-height: 18px;
font-weight:bold;
font-size:18px;
}

td, th {
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-size	: 12px;
	color		:#000000;
	text-align	:left;
	}
.tableau 
{
border-left:solid 1px GRAY;
border-right:solid 1px GRAY;
border-bottom:solid 1px GRAY}

.tableau2 
{
border-left:solid 1px #99cccc;
border-right:solid 1px #99cccc;
border-bottom:solid 1px #99cccc;
border-top:solid 1px #99cccc}

.tableau3
{
border-bottom:solid 1px #99cccc;
border-top:solid 1px #99cccc
}
.textemenu {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
			}
.textearticle {
text-align:left;
vertical-align:text-top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
margin-left:50px;
margin-right:50px;
		}
.titre {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#piedpage {
clear:both;
position: relative;
bottom: 10;
background-color:#FFFFFF;
width: 100%;
text-align:center;
}


<!--[if lte IE 6]>
	<style media="screen">
	div#page {
		height: 100%;
	}
	</style>
	<![endif]-->

</STYLE> 