<STYLE TYPE="text/css">

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

body
{
background-image:url(Images/fond.png);
background-repeat:repeat-y;
background-position:center;
margin: auto;
padding: auto;
text-align: center;
height: 100%;
}
#article {
background-color:#FFFFFF;
width: 730px;
padding-left: 2px;
padding-right: 5px;
}
#article a {
color:#000000;
}

#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:340px;
height:285px;
margin-bottom:5px;
margin-left:12px;
margin-top:5px;
float:right;
}
#carregauche{
width:340px;
height:285px;
margin-bottom:5px;
margin-right:12px;
margin-top:5px;
float:left;
}
#clear {clear:both;}
#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:220px;
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;
}
img {
 border: 0;
  } 
.imagetitre {
vertical-align:middle;
margin:15;
}
.imagedroite{
float:right;
margin:8;
padding:8;
}
.imagegauche{
float:left;
margin:8px;
padding:8px;
}
.imagecentre{
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;
		}

#milieu {
position:relative;
float: left;
background-color:#FFFFFF;
width:400px;
padding-top:5px;
margin-left: 5px;
margin-right: 2px;
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;
	}
.points {
border-style:dashed;
}

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;
	}
.textearticle p:first-letter {
font-size: 100%;
font-weight: bold;
font-size:125%;
}
.titre {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#piedpage {
clear:both;
position: relative;
bottom: 10;
background-color:#CCCCCC;
width: 100%;
text-align:center;
vertical-align:middle;
padding-top:5px;
height:42px;
}


<!---------- news----------->

#adsense {float:left; padding:10px;}
#colorliens a {color:#000000;}
#hierarchie { clear: both; margin-bottom: 1em; font-size: 0.80em; }
#hierarchie, #hierarchie a { color: #666; font-size: 0.90em; text-decoration:none; }

#droitenews {
position: relative;
margin-top:11px;
float: left;
width: 340px;
text-align: left;
background-color: #ffffff;
padding-right:2px;
margin-right:2px;
		}
		
#footernews {
clear:both;
position: relative;
text-align:center;
bottom: 0;
background-color:#EAEAEA;
width: 100%;
height:400px;
padding-top:0;
}

.footernewstexte {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#footernews ul{
 padding:0;
 margin:0;
 list-style-type:none;
 }
#footernews li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
#footernews ul li a {
 display:block;
 float:left;   
 width:150px;
 text-decoration:none;
 color: #666666;
 text-align:center;
 padding:4px;
 }
#footernews ul li a:hover {
text-decoration:underline;
 } 

#menunewstop {
position:relative;
float:left;
margin-left:0;
padding-left:8px;
padding-right:8px;
width:540px;
text-align: left;
background-image:url(http://charlatans.info/news/bg-top.jpg);
background-repeat:repeat-x;
border: solid #CCCCCC 1px;
}	
#menunewstop a{ color:#000066; }
#menunews {
position:relative;
float:left;
margin-left:0;
padding-left:8px;
padding-right:8px;
width:540px;
text-align: left;
background-image:url(http://charlatans.info/news/bg-top-petit.jpg);
background-repeat:repeat-x;
border: solid #CCCCCC 1px;
}
#menunews ul{
margin-left:4px;
padding-left:8px;
padding-right:8px;
list-style-image : url(http://charlatans.info/news/puce.gif);
}
#menunews li { margin-bottom: -12px; }
#menunews hr{ border-style:dotted; color: #666666; width:90%; padding-top:0px;}
#menunewsdroite {
position:relative;
float:left;
margin-left:0;
padding-left:5px;
width:340px;
text-align: left;
border: solid #CCCCCC 1px;
}
#menunewsdroite ul{
margin-left:4px;
padding-left:14px;
padding-right:8px;
list-style-image : url(http://charlatans.info/news/puce.gif);
}
#menunewsdroite li { margin-bottom: -12px; }
#milieunews {
position:relative;
float: left;
background-color:#FFFFFF;
width:560px;
padding-top:5px;
margin-top:10px;
margin-left: 5px;
margin-right: 2px;
padding-right:2px;
			}
#newsarticles {
position: relative;
float: left;
background-color: #FFFFFF;
width: 730px;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
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;
			}
#pagenews {
background-color: #FFFFFF;
position		: relative;
width			: 995px;
margin		    : 0 auto;
margin-top		: 0px;
min-height		: 100%;
text-align		: center;
padding-bottom	: 20px;
	}

#pagenewsarticles {
background-color: #FFFFFF;
position		: relative;
width			: 970px;
margin		    : 0 auto;
margin-top		: 0px;
min-height		: 100%;
text-align		: left;
padding-bottom	: 20px;
	}

#piedpagenews {
clear:both;
position: relative;
bottom: 10;
background-color:#CCCCCC;
width: 100%;
text-align:center;
vertical-align:middle;
padding-top:5px;
height:24px;
border-bottom:solid 1;
border-top: solid 1;
}
#piedpagenews a {
text-decoration:none;
color:#000000;
}
#rubrique {
background-image:url(Images/green.jpg);
width: 730px;
padding-left: 8px;
padding-right: 5px;
padding-bottom:5px;
padding-top:10px;
}
.suivantprecedent a {font-size: 12px; color: #666; font-style:italic;}
.spip_documents {
 text-align: center;
 border: none;
 }
.spip_documents_center { 
clear: both; width: 100%; margin: auto;
 }
.textearticlenews {
text-align:left;
vertical-align:text-top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
margin-left:15px;
margin-right:15px;
padding-right:15px;
		}
.textearticlenews p:first-letter {
font-size: 100%;
font-weight: bold;
font-size:125%;
}
.titrearticlenews {
line-height: 24px;
font-weight:bold;
font-size:18px;
}

<!---------- news---------->


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

</STYLE> 
