/*CSS du site www.nemjung2007.org*/

/*renaud@ouvaton.org*/





body {

     width: 99%; /* 100% */

     height: 582px;

     font-family: Arial,Helvetica,sans-serif;

     color: #000;

     font-size: 1em;

     background: #fff;

     text-align: justify;

     padding: 0px;

}





#cadre {

  position: relative;

  top: 0px;

  left: 0%; /* -5% */

  width: 800px;

  height: 800px; /* 600px */

  background: #fff;

  /*border: 1px solid #00AEFF;*/

  margin: 0px;

  margin-top: 10px;

  padding: 0px;

  text-align: left;

}



#entete {

  position: absolute;

  width: 100%;

  height: 100px;

  /*background-image: url(../images/IMGP6422.jpg);*/

  top: 0px;

  margin: 0px;

  padding: 0px;

  text-align: center;

}



#content {

  position: absolute;

  top: 140px;

  left: 210px;

  width: 650px;

  height: 530px;

  text-align: center;

  margin: 0px;

  padding: 0px;

  /*_padding: 20x ; /*pour ie qui fait chier à mettre du scrolling horizontal*/
  
  /*border: 1px solid #00AEFF;*/

  color: #777;

  overflow: auto;

}





#content-admin { /*plus grand pour la page admin qui n'a pas le menu de gauche*/

  position: absolute;

  top: 110px;

  left: 10px;

  width: 800px;

  height: 600px;

  text-align: center;

  margin: 0px;

  padding: 0px;

  color: #000;

  overflow: auto;

}







#menu-gauche {

  position: relative;

  top: 120px;

  left: 0px;

  width: 210px; /* 150px */

  height: 510px;

  /*border: 1px solid #999;*/

  margin: 0px;

}



#menu-gauche ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    }

    



#menu-gauche li {

    float: top;

    width: 150px;

    /*border: 1px solid #00AEFF;*/

    text-align: center;

    padding: 5px;

    margin: 2px;

    }



#menu-gauche a, a:hover, a:visited{

  text-decoration: none;

}



/*.selected {

    text-decoration: underline;

} */



.flag1{

       background: #FEF4B4;

       border: 1px solid #FEDD00;

       color: #FEDD00;

}

.flag2{

       background: #CBFBAD;

       border: 1px solid #7AFD2B;

       color: #7AFD2B;

}



.flag3{

       background: #FFCE9E;

       border: 1px solid #FFB266;

       color: #FFB266;

}

.flag4{

       background: #fff;

       border: 1px solid #eee;

       color: #eee;

}

.flag5{

       background: #D7EEFF;

       border: 1px solid #BBE1FF;

       color: #BBE1FF;

}









#pied {
  position: absolute;
  top: 720px;
  left: 0px;
  width: 210px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  /*border: 1px solid #999;*/
  text-align: center;
  font-size: 0.7em;
  color: #999;
}



#container_logo {

  position: absolute;

  top: 720px;

  left: 210px;

  width: 585px;

  height: 60px;

  margin: 0px;

  padding: 0px;

  /*border: 1px solid #ddd;*/

  text-align: center;

  font-size: 0.7em;

  color: #999;

}



#legende { /*bloc légende de la page photo*/

    text-align: center;

}



#book {  /* pied de page du book */

  position: absolute;

  top: 625px;

  _top: 640px;

  left: 150px;

  width: 650px;

  height: 30px;

  margin: 0px;

  padding: 0px;

  /*border: 1px solid #999;*/

  text-align: left;

  /*font-size: 0.7em;*/

  color: #000;

}



#pied a{

  color: #999;

}



#keywords{

  position: absolute;

	top: -1000ex;

}







#construction {

  position: absolute;

  top: 55%;

  left:30%;

  border: solid 2px #faa;

  background: #fff;

  color: #faa;

  font-size: 1em;

  font-weight: bold;

  padding: 1ex;

  visibility: visible;



}





.cadre {

  border: 1px solid #FF4F00;

  padding: 5px;

}



h1 {

  font-size: 2em;

}



h2 {

    font-size: 1.2em;

    color: #7590D9;

    }



.icone {

 border: 0px solid #000;

 }



.date {

       font-weight: bold;

       color: #999;

 }







#info {

  position: absolute;

  top: 55%;

  left:35%;

  width: 400px;

  border: none;

  background: none;

  color: #faa;

  font-size: 1em;

  padding: 0ex;

  visibility: visible;

	padding: 3px

}



#info-menu{

  text-align: right;

  color: #C1824A;

	border: 1px solid #C1824A;

	margin: 3px;

	padding: 3px;

	background: #fff;

}



#info-menu a{

	text-decoration: none;

	color: #C1824A;

}



#info-content{

	text-align: justify;

	color: #C1824A;

	border: 1px solid #C1824A;

	margin: 3px;

	padding: 3px;

	background: #fff;

}



a,a:visited {

  text-decoration:underline;

  color: #555;

}

a:hover {

  text-decoration:none;

}



a.icone{

   text-decoration:none;

   background: inherit;

}



.name {

  /* pour mettre les noms en gras */

    font-weight: bold;

}



.legende {

   font-size: 0.7em;

}



.image {

  position: relative;

   font-size: 0.7em;

   text-align: center;

}









.cadre {

  padding: 2px;

  border: 1px solid #ccc;

}



p{

  text-indent: 1.5em;

}


#transparence1 {
  filter: alpha(opacity=0); /*pour IE*/
  -moz-opacity: 0;          /*pour mozilla*/
  -khtml-opacity: 0;        /*pour safari*/
  opacity: 0;               /*futur CSS 2*/
}