body {
	background-position: center top;
	background-image: url('Images/vi6.jpg');
	background-repeat: no-repeat;
	background-color: #000000;
}
#logo {
	background: url('Images/logc.gif');
	background-repeat: no-repeat;
	width: 100px;
	height:100px;
	position:relative;
}
/* Conteneur de l'Entete */
#entete {
	width: 900px;
	height:150px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:50px;
	top: 0px;
	position: relative;
}
/* Titre */
#titre {
float:right;
width:500px;
text-align:right;
padding-right:50px;
color: yellow;
position: relative;
top:-60px;
font-weight:bold;
font-size: xx-large;
font-style:oblique;
font-family:  "Copperplate Gothic Bold";
}
/* Conteneur de la page */
#conteneur {
	width: 800px;
	background-color: teal;

	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	position: relative;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #FFCC66;
}
/* Pied de page */
#pied p {
	font-size: 0.9em;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#pied a {
	color: #333;
	text-decoration: underline;
}
#pied a:hover {
	color: #333;
	text-decoration: none;
}
#pied {
	margin: 0;
	padding: 0;
	border: 0;
    clear: both;
	width: 800px;
	background-color: #dcb;
	padding: 0;
	overflow: auto;
	margin-top: 0px;
	border: 1px solid #FFCC66;
/*	border-top: 1px black solid;*/
}

/* Connexion */
#connexion{
	margin: 0;
	padding: 0;
	border: 0;
    width: 800px;
	background-color: orange;
	height:25px
}
#connexion form {
	text-align:right;
	font-size: small
}
#connexion form > input {
	text-align:right;
	font-size:small
}

/* Menu horizontal */
#menucontainer{
height:24px;
background:#000;
display: block;
padding:0 0 0 200px;
}
#menu{
position:relative;
display:block;
height:24px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#menu ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
#menu ul li{
display:block;
float:left;
margin:0 1px 0 0;
}
#menu ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:5px 20px 0 20px;
height:19px;
background:transparent url(images/menu_bg-OFF.gif) no-repeat top left;
}
#menu ul li a:hover{
color:#fff;
background:transparent url(images/menu_bg-OVER.gif) no-repeat top right;
}
#menu ul li a.current,#menu ul li a.current:hover{
color:#000;background:#fff;
}

#blockmenu{
border: 1px solid #FFCC66;
border-bottom-width: 0;
width: 150px;
float:left;
}

#blockmenu #current {
	background-color: #339966;
	color: #FFFF00;
	font-weight: bolder;
}

#blockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#blockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 141px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: teal;
border-bottom: 1px solid #90bade;
}

* html #blockmenu li a{ /*IE only */
width: 152px; /*IE 5*/
w\idth: 141px; /*185px minus all left/right paddings and margins*/
}

#blockmenu li a:hover {
background-color: green;
}

#blockmenu div.menutitle{
color: white;
border-bottom: 1px solid #FFCC66;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/* Contenus des pages */ 
#contenu {	
	width:626px;
	border: 0;
	padding:10px;
	overflow: auto;
	background-color: #fff;	
	border: 1px solid #FFCC66;
	-margin-right:-4px;
}
#contenu img {
	display: block;
}
#contenu h1 {
	border: 2px groove #00FF00;
	padding-left: 15px;
	color: green;
	background-color: #CCFFCC;
}
#contenu h2 {
	border: 1px groove #00FF00;
	padding-left: 15px;
	color: green;
	background-color: #CCFFCC;
}
#contenu h3 {
padding-left:15px;
	color:green;background-color:#FFFFCC
}

#contenu h4 {
color:green;background-color: #FFFFCC;
padding-left:15px;
}

#contenu h5 {
padding-left:15px;
color:green;
}

#contenu h3 > p , h4 > p , h5 > p {
text-align:justify
}

#contenu blockquote {
background-color: #CCFFFF;
}