<style type="text/css">
.ApplyToBody {position:relative;margin:0px;text-align:center;background-color:#FFF5E0}
.ApplyToFrame {position:relative;width:760px;margin-left:auto;margin-right:auto}

.nospace {width:760px;margin: 0px}

.header {
	position:absolute;
	top:0px;
	width:760px;
	left: 0px;
	right:0px;
	margin-right:0px;
	height:100px;
	background-color:#FFF5E0
	}

.main {
	position:absolute;
	left:0px;
	top:100px;
	width:751px;
	right:0px;
	margin-right:0px
	}

* html body .main {
	height:100%;
	overflow:hidden
	background-color:#FFF5E0
	}


/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {
	height:0px;
	overflow:visible
	}
/* fin du text caché pour IE/mac */

.central {
	position:absolute;
	top:0px;
	width:658px;
	left:87px;
	margin:0px;
	margin-left:15px;
	margin-right:0px;
	background-color:#FFF5E0
	}

.corps {
	position:relative;
	min-height:300px
	}

* html body .corps {
	height:100%
	}

.div-min-height {
	position:relative;
	height:300px;
	width:0px;
	float:left
	}

.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left
	}

.menus {
	position:absolute;
	height:100%;
	width:102px;
	top:100px;
	left:0px;
	background-color: #FFF5E0
	}

.notes {
	position:absolute;
	height:100%;
	width:100px;
	top:0px;
	right:15px;
	margin-right:-15px
	background-color: #FFF5E0
    font-size: 9px
	}

.pied {
	position:relative;
	width:658px;
	height:50px;
	background-color:#FFF5E0
	}

body, td, tr
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333333;
  text-decoration: none;
  letter-spacing: 0px;
  vertical-align: top;
  }

h1
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  color: #660000;
  text-decoration: none;
  letter-spacing: 1px; text-indent: 25px  }

h2
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  color: #660000;
  text-decoration: underline;
  font-weight: bold;
  }

h3
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #660000;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: bold;
  font-style: normal;
  line-height: 16px;
  text-indent: 25px; vertical-align: text-top;
  }

a
  {
  font-style: normal;
  color: #336699;
  text-decoration: none;
  }
a:visited
  {
  color: #336699;
  text-decoration: none;
  }
a:hover
  {
  color: #3399FF;
  text-decoration: none;
  }
.cotisations
  {
  font-style: normal;
  line-height: 15px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #999999;
  text-decoration: underline;
  }
  .texte
  {
  font-size: 11px;
  line-height: 20px;
  color: #333333;
  text-align: left;
  }
.tableauTypoTitre
  {
  font-style: normal;
  line-height: 14px;
  font-weight: bold;
  color: #CCCCCC;
  text-decoration: none;
  }
.tableauTypoTexte
  {
  line-height: 10px;
  color: #999999;
  text-decoration: none;
  }
.listenoms
  {
  font-size: 11px;
  color: #333333;
  font-style: normal;
  text-decoration: none;
  line-height: 16px;
  font-weight: 200}
.abc
  {
  font-size: 9px;
  font-weight: normal;
  color: #333333;
  list-style-type: circle;
  }

p
  {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333333;
  letter-spacing: 0px;
  line-height: 16px;
  text-align: justify
  }
.titre
  {
  font-size: 12px;
  font-weight: bold;
  color: #004990;
  letter-spacing: 1px
  }
.liste
  {
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  text-indent: 25px
  }
.poste
  {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #660000;
  text-align: left
  }
.noms
  {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #333333
  }
.titresuite
  {
  font-size: 11px;
  font-weight: bold;
  color: #660000;
  letter-spacing: 1px;
  text-transform: uppercase
  }
.extrait
  {
  color: #660000;
  font-size: 11px
  }
.autrespieces
  {
  font-size: 12px;
  color: #660000;
  letter-spacing: 1px;
  font-weight: bold
  }
.sous-titre
  {
  font-size: 11px;
  font-weight: normal;
  color: #660000
  }
.ancres
  {
  font-size: 11px;
  color: #333333;
  }
.TitreAlphabet
  {
    font-size: 11px;
    font-weight: bold;
    color: #004990;
    letter-spacing: 1px
    text-align: left
  }
  .textegeneral
  {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #333333;
  letter-spacing: 0px;
  line-height: 16px;
  text-align: justify;
  }
.z
  {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
  }
.z:visited
  {
  color: #000000;
  text-decoration: underline;
  }
.z:hover
  {
  color: #336699;
  text-decoration: underline;
  }
#zone_rubriques
{
	font-size: 8px;
	z-index: 1;
	padding-left: 10px;
	line-height: 10px;
}
#zone_rubriques a:link
{
	color: #0A50A1;
	font-size: 10px;
	text-decoration: underline;
}
#zone_rubriques a:hover
{
	color: #7E1C00;
	text-decoration: underline;
}
#zone_rubriques a:visited
	{
	color: #0A50A1;
	font-size: 10px;
	text-decoration: underline;
	}
.g
{
	font-size: 6px;
	z-index: 1;
	padding-left: 10px;
	line-height: 10px;
	text-align: left;
}
.voir
{
	font-size: 12px;
	line-height: 16px;
	z-index: 1;
	text-align: left;
}



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
}
#menu dl {
float: left;
width: 1em;
margin: 0 0px;
}
#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
background: #FFF5E0;
border: 0px solid gray;
}
#menu dd {
border: 0px solid gray;
}
#menu li {
text-align: left;
background: #fff;
width: 10em;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

a {text-decoration: none;
color: black;
color: #222;
}


dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0px 0 0;
padding: 0;
}

#menu {
position : absolute;
left: 0px;
top: 20px;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #000;
background: #fff;
}

#smenu1 {
position: absolute;
left: 103px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}

#smenu2 {
position: absolute;
left: 30px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}
#smenu3 {
position: absolute;
left: 20px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}
#smenu4 {
position: absolute;
left: 330px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}
#smenu5 {
position: absolute;
left: 103px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}
#smenu6 {
position: absolute;
left: 500px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}
#smenu7 {
position: absolute;
left: 635px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}

#smenu8 {
position: absolute;
left: 670px;
font-size: 1em;
border-top: 1px solid gray;
width: 800px;
}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}

.bleu {
color: #004990;
}

.jaune {
color: #FFDD7F;
}

</style>
