/* CSS Document */

html{
	overflow: scroll;
	overflow-x: hidden;
	}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #F5F5F5;
	
	height: 100%;
	width: 100%;

}
p {
margin: 0 0 10px 10px;
}
#header {
margin: 0 0 10px 0px;
text-align:left;
height: 100px;
background-color: #FFFFFF;
}
#haut {
height: 30px;
background-color:#FFFFFF;

}
#conteneur {
width:780px;
margin:0 auto;
background-color:#FFFFFF;

}
#centre {
background-color:#FFFFFF;
margin-left: 50px;
margin-right: 50px;


}

#pied {
clear:both;
height: 30px;
background-color: #FFFFFF;
text-align:center;
font-size:smaller ;
padding:10px 0px 10px 0px;

}
#menuhaut {

text-align:left;
font-size: 12px;
list-style-type:none;
margin:0px;
padding:0px 0px 0px 18px;
font-weight: bold ;
}
#menuhaut li {
margin: 0px 5px 0px 5px;
list-style-type: square;
display:inline;
list-style-position:outside;
}
#menuhaut a {
margin: 0 2px;
color: #666666;
}
#menuhaut a:hover {
text-decoration:none;
color: #999999;
}

.img {
width:30px;
height:28px;
margin: 0px 0px 0px 0px; 
float: left;
}
.categories {
position: relative;
width:680px;
color:#000000;
text-align:left;
font-size:16px;
font-weight:bold;
margin: 15px 0px 0px 0px; 
padding:0px 0px 0px 0px;

}
.lettrine {
position: relative;
font-size: 2em; /* 2 hauteurs de lignes pour la lettrine*/
font-family: Verdana, Times New Roman, Times, serif;
color: #999999;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;


}
hr.grey {
background-color: #F9F9F9;

size:100%;
height:5px;
color: #F9F9F9;
margin: 0px 0px 0px 0px; 
border: 0;
}
hr.orange {
background-color: #F6CBA0;
size:100%;
height:2px;
color: #F6CBA0;
margin: 0px 0px 0px 0px; 
border: 0;
}
hr.jaune {
background-color: #F7E1A0;
size:100%;
height:2px;
color: #F7E1A0;
margin: 0px 0px 0px 0px; 
border: 0;
}
hr.violet {
background-color: #D59AC1;
size:100%;
height:2px;
color: #D59AC1;
margin: 0px 0px 0px 0px; 
border: 0;
}
hr.bleu {
background-color: #AFA7D8;
size:100%;
height:2px;
color: #AFA7D8;
margin: 0px 0px 0px 0px; 
border: 0;
}
hr.vert{
background-color: #A8C9C9;
size:100%;
height:2px;
color: #A8C9C9;
margin: 0px 0px 0px 0px; 
border: 0;
}


h4{
font-family: Verdana, Times New Roman, Times, serif;
font-size:13px;
font-style:none;
margin: 10px 0px 10px 0px; 
}
h5 {
position:relative;
font-family: Verdana, Times New Roman, Times, serif;
font-size:12px;
font-style:italic;
margin: 5px 0px 5px 10px; 
}
.langues {
float: right; /* positionnement de la lettrine dans le conteneur*/
color: #999999;
font-size: 9px;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

a {
margin: 0 2px;
color: #666666;
text-decoration:none;

}
a:hover {
text-decoration:none;
color: #CCCCCC;
}