/* CSS Document */
body {
  background-image : url(../media/page/fond.gif);
  margin : 0px;
  padding : 0px;
  text-align : center;
  font-family : Arial,times,sans-serif;
  font-size : 0.9em;
}

#ombre {
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  width : 916px;
  height:100%;
}


html>body #ombre {
  height: auto;
  filter: none;
  background-image : url(../media/page/ombre.png);
}

#mainpage {
  position: relative;
  margin-left : auto;
  margin-right : auto;
  top: 0px;
  width : 908px;
  min-height: 700px;
  height: 100%;
  background-image : url(../media/page/page.jpg);
  background-repeat : no-repeat;
  background-color: white;
  text-align: left;
  padding-top:250px;
}

html>body #mainpage {
  height: auto;
}

/*
MENU1
*/
#menu1 {
  position:absolute;
  top: 192px;
  /*right: 0px;*/
  left: 0px;
  /*width: 600px;*/
  /*width: 40em;*/
  text-align:left;
  color:#FFFFFF;
  background-color:#8B856F;
}

.menu1Active {
  background-color:#F4BA00;
}

#menu1 a {
  color:white;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
}

/*
menuG
*/

#menuG {
  left:58px;
  top:247px;
  position:absolute;
}

div.box {
  width:260px;
  margin-bottom:1em;
}

div.boxheader {
  background-image : url(../media/page/titre-fond.gif);
  background-repeat: no-repeat;
  width:260px;
  height:28px;
  line-height:28px;
  vertical-align:middle;
  text-align:center;
  color:white;
  text-transform:uppercase;
}


/*
MENU2 et MENU3
*/
#menu2,#menu3 {
  color:#910215;
  background-color:white;
  padding-top:0.5em;
  padding-bottom:1em;
}

#menu2 ul,#menu3 ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#menu2 li,#menu3 li {
  padding: 0px;
  margin-bottom: 5px;
}

#menu2 a,#menu3 a {
  color:#910215;
  text-decoration: none;
  display: block;
  padding-left:1em;
}

#menu2 a:hover,
#menu3 a:hover,
.menu2Active,
.menu3Active {
  background-color: #F8D76B;
}

.menu2Active ul, 
.menu3Active ul {
  background-color: white;
}


#menu2 ul li ul,
#menu3 ul li ul {
  padding-left:1em;
}
#menu2 ul li ul li,
#menu3 ul li ul li {
  font-weight:lighter;
}

#menu3 ul li {
  font-weight: bold;
}

#path {
  position:absolute;
  left:357px;
  top:220px;
  width:540px;
}

#path a {
  text-decoration: none;
  color : #f78907;
}

#path a.current {
  color: #ccae96;
}

/* PAGE */

#page {
  position: relative;
  width: 540px;
  height: auto;
  min-height: 600px;
  left: 357px;
  /*top: 250px;*/
  border-left: 2px solid #dadada;
  border-top: 2px solid #dadada;
  overflow:hidden;
  padding-top:15px;
  padding-left:15px;
}

#page p {
  margin-top:0px;
  margin-bottom:0.5em;
}

.ArticleItem {
  margin-right:1em;
  margin-bottom:1em;
  background-color: #e7efea;
}

.ArticleTitre {
  background-image : url(../media/page/ArticleTitre.gif );
  background-repeat: no-repeat;
  background-position: top right;
  font-size:1.2em;
  border-bottom: 2px solid white;
  margin:0px;
  padding:0.2em;
  padding-left: 1em;
}

.ArticleDesc {
  padding:0.2em;
  padding-left: 1em;
}

.ArticleTitre a,.ArticleDesc a {
  color:#910215;
  text-decoration: none;
}

/* FOOT */

#foot {
  position: relative;
  margin-left : auto;
  margin-right : auto;
  /*padding-top:250px;*/
  width: 908px ;
  height: 39px;
  text-align:right;
  background-image : url(../media/page/foot.jpg);
  background-repeat: no-repeat;
  background-color:white;
}

#foot span {
  height:23px;
}

#foot a {
  padding: 5px;
  color : white;
  text-decoration: none;
}

#foot a:hover {
  color: #7691fa;
}