/*
Feuille de style Test
Auteur: Xavier Dubus
Date de création: 01/12/2005
Date de mis à jour: 29/10/2006
-------------------------------------------------- */

/*
Généralités a, body, h, formulaire
-------------------------------------------------- */
a {
  color : #7b91ff;
  text-decoration : none;
}

a:hover {
  color : #ff7539;
  text-decoration: underline;
}

a:focus {
  background-color: #ff6000;
  color: white;
}

body {
  background: #FAF6C7 url('images/bgall.jpg') repeat-x;
}

.bouton {
  background: #d6d5d9;
  border: 1px outset;
  font-size: 10px;
}

.bouton:hover {
  background: #FFAA2A;
}

.champ {
  border: 1px inset;
  font-size: 8pt;
  font-weight: bold;
 
}

hr {
  margin: 0%;
  padding: 0%;
}

/*
Titre 1: Menu
-------------------------------------------------- */

h1 {
  text-align: left;
  height: 30px;
  width: 150px;
  display: block;
  margin-top: 0.2em;
  margin-left: 1em;
  border: 0px solid black;
  font-size: small;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/*
Titre 2: Contenu
-------------------------------------------------- */

h2 {
  text-align: center;
  color: #ff7539;
  display: block;
  margin:0em;
  padding-top: 1em;
  border: 0px solid black;
  font-size: large;
  font-family:Georgia, Garamond, Serif;
  background: transparent;
}

h2:before {
  content:url('images/titre_gauche.png');
}

h2:after {
  content:url('images/titre_droit.png');
}

/*
Titre 3: Paragraphe du contenu
-------------------------------------------------- */

h3 {
  text-align: left;
  vertical-align:middle;
  color: #ff7539;
  padding-left: 0.2em;
  display: block;
  background: transparent;
  border: 0px;
  text-decoration:underline;
  font-size:small;
  font-family:Georgia, Garamond, Serif;
}

/*
Page: L'ensemble de la page et du corp
-------------------------------------------------- */
#background{
  margin-left: auto;
  margin-right: auto;
  width: 850px;
  border: 1px black solid;
  background: white;
}

#page{
  margin-left: auto;
  margin-right:auto;
  width: 800px;
  border: 1px black groove;
  background: black;
}

#page .corp  {
  min-height: 600px;
  height: auto!important;
  border: 1px solid white;
  border-color:#ecdeb9 #c9bc9e #c9bc9e #ecdeb9;
  color: white;
  font-size: small;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
}


/*
L'entête: logo, le fond et le séparateur
-------------------------------------------------- */

#page .header{
  background: url(images/haut.jpg) no-repeat top left;
  background-color: #c0bdff;
  border: 0px solid white;
  height: 110px;
  color: black;
  font-weight:bold;
  text-align: right;
  vertical-align: top;
  font-family:Georgia, Garamond, Serif;
}

#page .header img{
  z-index: 24;
  float:left;
  border:0px;
}

#page .separateur{
  background: url('images/separateur.png') no-repeat;
  background-position:top right;
  width:auto;
  height: 20px;
  min-height:20px;
  margin-bottom: 0em;
  border: 0px solid white;
  vertical-align: middle;
  clear:both;
}

#page .separateur ul{
  text-align:right;
  margin-right: 1em;
  margin-top:0em;
  margin-bottom: 0em;
  padding:0em;
  font-weight: bold;
}

#page .separateur li{
  color: white;
  display:inline;
  font-size: small;
  margin-right: 0em;
  padding:0em;
  margin-bottom:0em;
}

.separateur li:before {
  content:url('images/puce.png');
  vertical-align:bottom;
  position:relative;
}
.separateur li:first-child:before { content: ""; }

#page .separateur a{
  color: black;
  text-decoration:none;
  vertical-align: middle;
}

#page .separateur a:hover{
  color: white;
  font-size: small;
  text-decoration:none;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}
/*
Menu: Cadre menu sur la gauche
-------------------------------------------------- */

#page .menu{
  float: left;
  width: 150px;
  height: 300px;
  margin-top: 0em;
  margin-bottom: 0.2em;
  margin-left: 0em;
  padding: 0em;
  background: url('images/menu_fond.jpg') no-repeat;
  border:0px solid white;
  font-size: small;
  text-align: center;
  z-index: 30 ;
}

#page .menu ul{
  list-style: none;
  padding: 0em;
  background: transparent;
  margin-left: 1em;
  margin-top: 3em;
}

#page .menu li{
  background: url('images/point.png') left no-repeat;
  text-align: left;
  text-indent  : 10px ; 
  font-size: small;
  margin:0em;
  padding: 0em;
}

#page .menu a{
  color: black;
  text-decoration: none;
  font-weight:bold;
  margin: 0em;
  padding: 0em; 
}

#page .menu a:hover{
  color: #d7e2f1;
  
  font-size: small;
  font-weight:bold;
  text-decoration: none;
  padding: 0em;

}

#page .menu a:hover li{
  list-style: none;
  padding: 0em;
}

#page .menu a span{
  display:none;
  padding:0em;
}

#page .menu a span img{
  border: 0px;
}

#page .menu a:hover span{
  display:block;
  position:absolute;
  top: 450px;
  width: 100px;
  text-align: center;
  color: white;
  border: 0px;
}

/*
Contenu: comprenant les textes
-------------------------------------------------- */

#page .content {
  display: block;
  min-width: 300px;
  min-height: 500px;
  margin-left: 13em;
  margin-top: 0em;
  margin-right: 0em;
  padding-top: 0em;
  padding-left: 1em;
  border: 0px solid white;
  

}

#page .content img {
  margin-right: 1em;
  margin-top: 1em;
  float: right;
  vertical-align: middle;
  border:0px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
}


/*
NEWS
-------------------------------------------------- */
.news_titre {
  text-align: left;
  vertical-align:middle;
  color: #ff7539;
  padding-left: 0.2em;
  display: block;
  background: transparent;
  border: 0px;
  text-decoration:underline;
  font-size:small;
  font-weight: bold;
  font-family:Georgia, Garamond, Serif;
}

.news {
  margin-top: 1em;
}

.date {
  color: white;
  font-size: x-small;
  font-weight:normal;
  text-decoration: none;
  padding-bottom: 1em;
}




#page .news_footer {
  text-align: right;
}
/*
Bas de page
-------------------------------------------------- */

#page .footer{
  clear: both;
  background:url('images/fond_footer.jpg') repeat;
  margin-top: 0.2em;
  margin-bottom: 0em;
  margin-left: 0em;
  margin-right: 0em;
  border-top: 1px solid white;
  font-size: x-small;
  font-weight:bold;
  color: black;
  text-align: center;
}

/*
News de MH
-------------------------------------------------- */
.mh_table{
  padding-right: 1px;
}


.mh_td_titre{
  text-align: left;
  color: #ff7539;
  padding-left: 0.2em;
  display: block;
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width:1px;
  border-top-style: solid;
  border-top-color: white;
  border-top-width:0px;
  font-size: small;
  font-family:Georgia, Garamond, Serif;
}

.mh_text_titre{

}

.mh_td_contenu{

}

.mh_text_news{

}