/* General
*********************************************************************************/
html, body{
	margin: 0;
	padding: 0;
}

body{
	background: #d0ddef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.5em;
}

/* Header
*********************************************************************************/
#top{
	border-spacing: 0px;
	padding: 0px;
	height: 20px;
	width: 100%;
	border: 0;
	text-align: center;
}

#top .menuvertical {
	 font-size: 10pt; 
	 color: #002B56; 
	 font-weight: bold; 
	 background: url(/kit2/h-b.gif) no-repeat;
	 height: 20px;
	 text-align: left;	
	 /*margin-left:250px;*/
	 left: 0px;
	 top: 100px;
	 width: 100%;
	 position: absolute;  
}

#top .menuvertical .text {
	margin-left: 250px;
}

#top .menuvertical a:link { font-weight:bold; color:#0000E0; text-decoration:none }
#top .menuvertical a:visited { font-weight:bold; color:#000080; text-decoration:none }
#top .menuvertical a:hover { font-weight:bold; color:#E00000; text-decoration:none }
#top .menuvertical a:active { font-weight:bold; color:#E00000; text-decoration:underline }
#top .menuvertical a:focus { font-weight:bold; color:#00E000; text-decoration:underline }


#top .logo{
	background: url(/kit2/h-g.gif) no-repeat; 
	width: 357px;
	height: 100px;
	left: 0px;
	position: absolute;
}
#top .logo img{ border:0;}

#top .banniere .image{ 
	border:0;
	/*margin: 20px 20px 20px 20px;*/
	left:20px;
	top:20px;
	z-index: 1;
	position: relative;
}

#top .banniere{
	background: url(/kit2/h-d.gif) no-repeat;
	height: 100px;
	left: 357px;
	top: 0px;
	position: absolute;
}

/* Menu
*********************************************************************************/
#menu{
	font-size: 9pt;
	border-spacing: 0px;
	padding: 0px;
	width: 164px;
	border: 0;
	text-align: left;	
	background: #BECADA;
	position: absolute;
	top: 120px;
}

#menu .rubrique {
	 color: #9966FF; 
	 font-weight: bold;
	 /*background: url(/kit2/menu.gif) no-repeat; */
	 border-spacing: 0px;
	 padding: 0px;
	 height: 64px;
	 width: 100%;
}

#menu .rubrique img{
	border: 0px;
}

#menu .elem
{
	font-weight: bold;
}

#menu ul {
	 list-style-image: url(/kit2/puce1.gif)
}

#menu ul li a:link { font-weight:bold; color:#0000E0; text-decoration:none }
#menu ul li a:visited { font-weight:bold; color:#000080; text-decoration:none }
#menu ul li a:hover { font-weight:bold; color:#E00000; text-decoration:none }
#menu ul li a:active { font-weight:bold; color:#E00000; text-decoration:underline }
#menu ul li a:focus { font-weight:bold; color:#00E000; text-decoration:underline }

#menu .space{
	width: 100%;
	border: 0;
	padding: 0; 
	height: 19px;
	background: url(/kit2/Image2_1x1.gif);
}


/*****************************************************************************
*contenu*/
#contenu{
        border-spacing: 0px;
        padding: 0px;
        width: 800px;
        border: 0;
        position: absolute;
        top: 130px;
	margin-left: 180px;
}

#contenu .titre{
	text-align: center;
  	font-size: xx-large;
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

#contenu .texte{
	top: 100px;
        text-align: justify;
        font-size: medium;
	position: absolute;
}

#contenu .texte img{
	margin-left : 150px;
}

/***************************************************************************
* divers*/


.background{
	width: 100%; 
	height: 100%;
	z-index: 0;
	position: relative;
}

.tab25{ /*image pour faire une tabulation de 25px*/
	width: 25px;
	height: 8px;
}

.tab10{ /*image pour faire une tabulation de 10px*/
	width: 10px;
	height: 8px;
}

.tab30{ /*image pour faire une tabulation de 10px*/
	width: 30px;
	height: 8px;
}

.puce{
	width: 8px;
	height: 8px;
}


h1
{
  text-align: center;
  font-size: xx-large;
  text-decoration: underline;
  font-weight: bold; 
  color: #0066FF;
}

h2
{
	font-family: arial,sans-serif;
 	font-size: x-large;
 	text-align: center;
 	text-decoration: underline;
	color:blue;
}

h3
{
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 2em;
}

pre {
  text-align: left;
  font-style:italic;
  color:#060B0B;
  background-color: #00D7FF
}

b {
  text-align: left;
  font-weight: bold;
  font-style:italic;
  color:#060B0B;
}

p
{
text-align: left;
}


/*a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CCCCCC;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #BDBDBD;
text-decoration: none;
}
a.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #7777BB;
text-decoration: none;
}
a.menu:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CCCCCC;
text-decoration: none;
background: #7777BB;
}

.centre {
background: url("kit/c.gif") repeat;
}
.top {
background: url("kit/top.gif") repeat;
}
.bot {
background: url("kit/bot.gif") repeat;
text-align: center;
}
.tab {
padding: 14px;
background: #7777BB url("kit/tab.gif") repeat;
border: 2px #A5B1DE groove;
}
.tabup {
background: url("kit/tabup.gif") repeat;
}
.tabdown {
background: url("kit/tabdown.gif") repeat;
text-align: center;
}
.tableft {
background: url("kit/tableft.gif") repeat;
}
.tabright {
background: url("kit/tabright.gif") repeat;
}
*/


t 
{
font-size: 10px;
color: #CCCCCC;
}

/*DIV.subtoc {padding: 1em; border: solid thin; margin: 1em 0; background: #3399FF}*/