/*Css */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
/*background-color:#666633;*/
background-color: #666666;

}


#header {
height: 215px;
background: url(images/bannierevf2.jpg);
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
background: url(images/banniere.jpg) no-repeat;

background-color:silver;
/*background-color:#CCCCFF;*/
}
#centre {
	
background-color:#FFE4C4;


/*background-color:#9999CC;*/
margin-left: 150px;
margin-right: 150px;

/*background: transparent url(russie flag rond.bmp) no-repeat bottom right;*/

	/*background: transparent url(main-bg.jpg) no-repeat top left; */
}
#centre-titre{
//margin-top:15px;

background-color:#CCCC99;
font: italic normal 12pt georgia; 
color: #7D775C;
}

#centre p{
font:  normal 10pt georgia;
margin-left: 25px;
margin-right: 15px;
}

#centre h4{
background: url(images/puce1.gif) no-repeat left;
font:  normal 10pt georgia; 
padding-left :14px;
margin-left: 5px;
/*color: #7D775C;*/
}
#centre h3{
background: url(images/puce3.jpg) no-repeat left;
font: italic normal 12pt georgia; 
padding-left :45px;
height: 35px;
/*color: #7D775C;*/
}
#centre h2{
background: url(images/puce2.jpg) no-repeat left;
font: italic normal 12pt georgia; 
padding-left :45px;
height: 45px;
/*color: #7D775C;*/
}
#gauche {
position: absolute;
left:0;
width: 150px;

}
#droite {
position: absolute;
right:0;
width: 150px;

}
#droite a:hover{
height:5px;
background-color:orange;
}
#bpied {
height: 3px;
background-color: black;
}

#bpied2 {
height: 1px;
background-color: black;
}

#pied {
height: 30px;
padding-left:250px;
/*background: url(images resized/banniere-bas.jpg) no-repeat right;*/
background:url(images/banniere-bas.jpg);
background-color: #CCCC99;
/*background-color: #CCCCFF;*/
}
#pied p{
font:  normal 8pt georgia;
}

.alignleft{
background-color:#FFE4C4;
float: left;
padding: 10px;
margin 5px 8px 5px 0;
border 1px solid#e0e0e0;
}
/*#droite a:hover{
background: green;
}*/


/*Vetical Menu*/
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;

}
p {margin: 0 0 10px 0;}



/*Menu vertical*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 150px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
/*font-weight: bold;*/
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}





/*Horizontal Menu*/
/******   H3    */
ul#menuh{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:0px solid #555555;
	border-top:0px solid #919191;
}
ul#menuh li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#menuh li a{
	display:block;
	float:left;
	color:#8c3a3a;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}
ul#menuh li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}