body {
	margin: 0 auto;
	height:100%;
	font-family: arial, sans-serif;
	background-color:white;
	width:740px
}

hr {
	color: silver;
	background-color: silver;
	height: 2px;
	border: 0;
}

h1{
	margin: 0 0 0 0;
	color: #D2D2D2;
	font-family:Helvetica,sans-serif;
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 0px;
	line-height: 30px;
	}

h2{
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0;
	line-height:16px;
	text-transform:uppercase;
	background-image: url(gif/bullet_3.gif);
	background-position:left;
	background-repeat: no-repeat;
	}

h2.titre {
	color:#000000;
	padding-left: 1em;
}
h2.titre a {
	color: #000000;
	text-decoration: none;
	font-variant: normal;
}

h2.titre a:hover, h2.titre a:focus {
	color: #992035;
	font-variant: normal;
}

 h3 {
	margin: 11px 0 0 0;
	font-size: 11px;
}
ul{
	margin: 0 0 0 0;
}

/*************************/
/*    En-tête				     */
/*************************/

div#enTete {
	margin: 0 auto;
	background-color:#666666;
	width: 740px;
	height: 215px;
}

div#menu{
	z-index:1;
	margin: 0 auto;
	height: 31px;
	background-color:white;
	position:relative;
	color: #666666;
}

#btn_home {
/* 	margin: 0 0 0 10px; */
}

/*************************/
/*    Pied de page       */
/*************************/

div#pied {
	margin: 0 auto;
	background-color:#666666;
	width: 740px;
}


div#detail{
	padding: 20px 40px;
	margin: 0 0 0 0;
}

#accueil{
	margin: 0;
}

#idxGauche{
	margin: 0 ;
	width: 200px;
	padding:5px;
	float:left;
}

#idxDroit{
	border-left:3px ;
	border-left-style:dotted;
	border-left-color:#DFDFDF;
	padding:5px;
	margin-left: 200px;
}


div#contenu {
	border-left: 1px solid #666666;
	border-top: 1px solid #000000;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	margin: 0 auto;
	padding: 10px 20px;
	position:relative;
	background-color:#FFFFFF;
	height: 500px;
}

html>body #contenu {
	height: auto;
	min-height: 500px;
}

.iconAdmin{
	color: #666644;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	font-variant: normal;
	text-align: center;

}
.index{
	float: right;
}
.texte{
	padding: 0 60px 0;
	margin: 0 0 0 0;
}

.indent{
	margin: 0 0 0 45px;
}

.titleActu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000022;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
	width: 450px;
	border-left: 1px solid #CCCCFF;
	border-top: 1px solid #CCCCFF;
	border-bottom: 1px solid #333399;
	border-right: 1px solid #333399;
	background-color: #eeeeee;
}

.m1chap0 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #EEEEEE;
font-weight: bold;
text-decoration: none;
font-variant: normal;
}

a:hover, a:focus, a:hover *, a:focus * {
	text-decoration: none;
}

.textblack10 {
 color: #000000;
 font-weight: normal;
 font-size: 10px;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.textblack12 {
 color: #000000;
 font-weight: normal;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 text-decoration: none;
 font-variant: normal;
}
.textlinkblack12 {
 color: #000000;
 font-weight: normal;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
 text-decoration: none;
 font-variant: normal;
}
.textlinkblack12 a {
	color: #000000;
	text-decoration: none;
	font-variant: normal;
}

.textlinkblack12 a:hover, h2.titre a:focus {
	color: #992035;
	font-variant: normal;
}

.titleblack14 {
 color: #000000;
 font-weight: bold;
 font-size: 14px;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titleblack18 {
 color: #000000;
 font-weight: bold;
 font-size: 18px;
 line-height: 28px;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titleblack12 {
 color: #000000;
 font-weight: bold;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titleblack121 {
 color: #000000;
 font-weight: bold;
 font-size: 12px;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titleblack121 a:hover, .titleblack121 a:focus {
 color: #9D2B3C;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titleblack10 {
color: #000000;
font-weight: bold;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.textblack10 a:hover, a.textblack10:hover, .textblack10 a:focus , a.textblack10:focus {
color: #9D2B3C;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titleblack10 a:hover, a.titleblack10:hover, a.titleblack10:hover *, .titleblack10 a:focus, a.titleblack10:focus, a.titleblack10:focus * {
color: #9D2B3C;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}

.titlerub {
color: #000000;
font-weight: bold;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}
.titlerubgris {
 color: #666644;
 font-weight: bold;
 font-size: 11px;
 text-decoration: none;
 font-variant: normal;
}
.titlerubgris a:hover, .titlerubgris a:focus {
 color: #9D2B3C;
 text-decoration: none;
 font-variant: normal;
}

.button {
 color: #111122;
 font-weight: bold;
 font-size: 10px;
 font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
}

img {
	border: none;
	vertical-align: bottom;
}

div.toolbar {
	text-align: center;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding:3px;
	background-color:#eeeeee;
	height:1.5em;
}

.toolbar span {
	margin: 5px;
}

.toolbar a {
 	color: #000000;
	text-decoration: none;
}

.titleActu a {
 text-decoration: none;
 color: #000066;
}

.rubActu {
 color: #000000;
 font-size: 12px;
 font-weight: bold;
 font-family:arial, helvetica, sans-serif;
 border-bottom: 2px solid #9D2B3C;
 margin:0;
 padding:2px;
}

.pages {
	text-align: left;
	padding: 0 0 0 0;
}
.pages span {
	color: #992035;
	font-weight: bold;
	font-size: 9px;
	padding: 0;
}
.pages a {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
.pages a:hover, .pages a:focus {
	text-decoration: none;
	color: #992035;
	font-weight: normal;
}

.type {
	font-weight: bold;
	font-size:10pt;
	font-family: verdana, arial, helvetica, sans-serif;
}
.auteur a {
 color: #666644;
 font-weight: bold;
 font-size: 11px;
 text-decoration: none;
 font-variant: normal;
}
.auteur a:hover, .auteur a:focus {
 color: #9D2B3C;
 text-decoration: none;
 font-variant: normal;
}
.ref a{
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
}
.ref a:hover, .ref a:focus{
	color: #9D2B3C;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
}
.source {
	color: #000000;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
}

.descripteurs ul {
	margin: 0 0 0 30px;
	padding: 0;
}

.descripteurs ul li a {
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
}
.descripteurs ul li a.ancetre {
	font-weight: normal;
}
.descripteurs ul li a:hover, .descripteurs ul li a:focus, .assoc a:hover, .assoc a:focus {
	color: #9D2B3C;
}

.assoc h3 {
	font-size: 10pt;
	text-decoration: underline;
}
.assoc p {
	text-indent: 2em;
}
.assoc p a {
	font-size: 10pt;
}
.rubrique {
	font-size: 11px;
}
.rubrique strong {
	font-weight: bold;
	text-decoration: underline;
}
.commentaire {
	font-family: verdana, arial, helvetica, sans-serif;
	padding:1em;
	font-size:10pt;
}

.ged {
	float: right;
	font-size: 9pt;
}

.ged a {
	color: #000000;
	text-decoration: none;
}

/*************************/
/*    Index              */
/*************************/
#alphabet {
	margin: 5px 0 15px 0;
	font: normal 10px verdana;
}

.lettre_selectionnee {
	color: #992035;
}

#alphabet a {
	color: #666666;
	text-decoration: none;
}

#alphabet a:hover {
	color: #992035;
}

/*************************/
/*    Recherche avancée  */
/*************************/
#col1 {
	float: left;
	width: 390px;
}

#col2 {
	padding: 35px 0 0 0;
	margin: 0 0 0 400px;
	height: 400px;
	width:  210px;
}

/**************************************************/
/*    listMenuRootV - basé sur listmenu_h.css     */
/**************************************************/

#listMenuRootV {
	z-index:1;
	position:relative;
	margin:0 auto;
}

/* All <ul> tags in the menu including the first level */
#listMenuRootV, #listMenuRootV  ul {
	padding: 0;
	list-style: none;
 }

#listMenuRootV li {
	float: left;
	width: 113px;
	height: 30px;
	position:relative;
	background-color: white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	font-size: 10px;
	text-align: center;
}

/* élément sélectionné*/
#listMenuRootV a:hover, #listMenuRootV a.highlighted:hover, #listMenuRootV a:focus {
	color: black;
	text-decoration: none;
	background-color: white;
	height: 25px;
}

/*tete de colonne sélectionnée */
#listMenuRootV  a.highlighted {
	color: black;
	background-color: white;
	height: 25px;
}

/* Les sousmenus (<ul> tags) sont cachés et positionnés en absolute sous leur parents */
#listMenuRootV ul {
	 margin: 0;
	 visibility: hidden;
	 position: absolute;
	 /*top: 2.0em;  I'm using ems rather than px to allow people to zoom their font */
	 top:31px;/* régler sur la hauteur de div#menu*/
	 left: 0;
	 min-width: 100%;
	 text-align: left;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#listMenuRootV ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -4px;
}

/* Commenté pour résoudre une invalidité CSS */
/*#listMenuRootV ul>li:last-child {
 margin-bottom: 5px;
}*/

/* élément du menu menu */
#listMenuRootV a {
 display: block;
 padding: 3px;
 font-weight:bold;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 color: #666666;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */


/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    #listMenuRootV a#xyz {
      background-image: url(out.gif);
    }
    #listMenuRootV a#xyz:hover, #listMenuRootV a.highlighted#xyz, #listMenuRootV a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
#listMenuRootV a .subind {
 display:  none;
}
#listMenuRootV ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#listMenuRootV a {
 float: left;
}
#listMenuRootV ul a {
 float: none;
}

#listMenuRootV a {
 float: none;
}



/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html #listMenuRootV  ul li {
 float: left;
 height: 1%;
}
* html #listMenuRootV  ul a {
 height: 1%;
}
/* End Hack */

.zone_completer {
	border: 1px solid black;
	background: #ffffff;
}