* { margin: 0; padding: 0;}

body {
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
color: #333;
background: white;
}
p {
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
text-align: justify;
}

ul, li {
	list-style-type: none;
	padding: 0px 10px;
}
h3 {
	font-size: 1.1em;
	color: #000;
}
#top {
width: 100%;
color: #fff;
background-color: #404040;
}
#top p {
padding: 10px;
font-weight: bold;
}
#top span {
display : block;
}
#top a {
text-decoration: none;
}
img {
border: none;
}

#contact {
float: right;
background: url(img/contact1.png) no-repeat;
}

#header {
height: 80px;
background: url(img/fondheader.png) no-repeat;
	color : #fff;
}
#logo {
float: left;
margin-left: 30px;
background: url(img/logo.png) top left no-repeat;
width: 105px;
height: 80px;
}

#header h1{

	margin : 0; padding : 0;

	font-weight : normal;

	letter-spacing : 1px;
	padding: 20px 0 0 0px;

	}

#header h1 a {

	text-decoration : none;

	color : #fff;

	}


#header p { margin: 0; padding: 0; color: #eee;}

#conteneur {
width:800px;
margin:0 auto;
background-color:#FFF;
}
#centre {
background-color:#FFF;
margin: 20px 20px 0 220px;
}

#gauche {
float:left;
margin: 20px 0 0 20px;
width: 200px;
background-color: #fff9f1;
border: 1px solid #d7d7d7;
}

#gauche p {
padding: 10px;
}

#pied {
clear:both;
size: 10px;
}
#pied a {
text-decoration: none;
color: #000;
}
#menuhaut {
list-style-type: none;
background: #800080;
text-align: right;
}
#menuhaut li {
display: inline;
font-size: 1.2em;
}
#menuhaut a {
margin: 0 2px;
color: #FFF;
text-decoration: none;
}
#menuhaut a:hover {
color: green;
background-color: #fff;
}
 
#gauche a {
margin: 0 10px;
color: #000;
font-weight: bold;
text-decoration: none;
text-align: center;
}

.post {
border: 1px solid #d7d7d7;
margin: 0 0 10px 20px;
background-color: #fff9f1;
}

.post a, .categorie a, .articletitle a {
text-decoration: none;
color: #000;
text-indent: 20px;
}
.categorie a {
border-bottom: 1px dashed #000;
}

.categorie a:hover {
border: none;
}

.post h2, h2 {
background: url(img/fleche.png) bottom left no-repeat;
padding: 10px 10px 0 10px;
text-indent: 20px;
font-size: 22px;
}

.post li {
	list-style-type: square;
	margin-left: 10px;
}

.bloccadre {
	padding-bottom: 41px;
	background: url(img/menub.png) left bottom no-repeat;
}

.droite {
float: right;
}

.gauche {
float: left;
}

.centre {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}