body  { 
  background: white url("../im-commun/fond-body.gif") repeat-y; 
  }

#container  { 
  margin: 0 30px; 
  width: 690px; 
  border-top: 20px solid #fff;      /*#b3b7cd */
  }

#top {
  margin: 0;
  padding: 0;
  height:110px;
  }

/* Navigation principale */

#mainnav  {
  background: #fff url("../im-commun/nav.gif") repeat-x; 
  position: absolute;
  top: 20px;
  left: 150px;
  width: 570px; /* largeur */
  height: 73px;
  margin: 0; 
  padding: 0; 
  }
  
#mainnav ul {
  margin: 1px 0 0 0;
  padding: 0;
  }
	
#mainnav li {
  list-style: none; 
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
  }
  
#mainnav a {
  float: left;
  padding: 29px 9px 32px 9px;
  border-right: 1px dotted #8bbcbd;		
  color:#fff;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  }
  
#mainnav a:hover, #mainnav a.current  { 
  text-decoration: none; 
  background: url("../im-commun/nav2.gif") repeat-x;
  }
  
/* Navigation secondaire */

#nav2 {
  position: absolute;
  top: 93px;
  left: 150px;
  width: 570px; /* largeur */
  height: 15px;
  background-color: #473291;
  z-index: 10;
  }
  
#nav2 ul {
  position: relative;
  top: -3px;
  margin: 0 0 0 5px;
  padding: 0;
  }
  
#nav2 li {
  margin: 0;
  padding: 0;
  color: #ffffff;
  display: inline;
  font-size: 11px;
  }
  
#nav2 li.current {
  color: #ffffff;
  }
    
#nav2 li a {
  text-decoration: none;
  color: #ffffff;
  }
  
#nav2 li a:hover {
  text-decoration: none;
  color: #ffffff;
  }
  
.barre {
  color: #FFFFFF;
  }
  
  
/* Colonne de gauche */

#leftnav {
  position: absolute;
  left: 30px;
  top: 133px;
  width: 105px;
  height: 150px;
  margin: 0;
  padding: 0; 
  }

#leftnav p {
  margin: 0 0 0 10px;
  font-size: .9em;
  line-height: 1.3em;
  padding: 0; 
  }

table.left {
  border-bottom: 1px solid red;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  }

  
/* Contenu */

#content {
  margin: 0;
  padding: 0; 
  }

#present, #archi, #actu, #cal {
  margin: 0;
  padding: 0 50px 5px 120px; 
  }
  
#actu {
  margin-top: 10px;
  }
  
 #actu p {
  margin-bottom: .4em;
  }
  
#archi p {
  font-family: Georgia, Times, Verdana;
  line-height: 1.4em;
  font-size: 1.1em;
  font-style: italic;
  text-indent: -27px;
  }  
   
.sign1, .sign2 {
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; 
  font-size: .8em;
  font-style: normal;
  } 
  
.sign1 {
  font-weight: bold;
  white-space: nowrap;
  } 

.sign2 {
  font-weight: normal;
  } 
  
#cal p {
  margin-bottom: 0;
  padding-bottom: 0;
  }

#present a, #actu a {
  font-size:.9em; 
  }
  
#actu a:hover {
  border-bottom: 1px solid red; 
  }
  
/* Divs affichées-masquées */

#obj, #miss, #fiche, #inter, #plan,#ca, #illus {
  margin:0;
  display: none; 
  }
  
#obj, #miss, #fiche, #inter {
  padding:0 0 10px 0;
  }

#plan p, #illus p,#ca p{
  margin: 0;
  padding:0;
  }
  
  
/* variable selon rubrique */ 

#present h2  { 
  margin: 0;
  color: #000; 
  font-weight: bold; 
  font-size: 1em;
  line-height: 1.6em;
  text-transform: none;
  }  

#obj h2, #miss h2, #fiche h2, #inter h2  { 
  margin: 0;
  color: #000; 
  font-weight: bold; 
  font-size: 1em;
  line-height: 1.6em;
  text-transform: none;
  padding: 10px 30px 0 120px 
  }  

#obj p, #miss p, #fiche p, #inter p  { 
  margin: 0;
  color: #000; 
  font-weight: normal; 
  padding: 0 30px 0 120px 
  }  

#illus p  { 
  font-size: .8em;
  font-weight: bold; 
  padding: 1px;
  }
  
#illus p.leg  { 
  color: #b2b2b2; 
  font-size: .8em;
  font-weight: bold; 
  background-color: #000; 
  text-transform: uppercase; 
  letter-spacing: 1px; 
  padding: 1px 1px 1px 20px;
  }

#show-obj, #show-miss, #show-fiche, #show-plan,#show-ca, #show-inter, #show-illus, #hide-obj, #hide-miss, #hide-fiche, #hide-inter, #hide-plan, #hide-illus {
  padding: 2px 0;
  margin: 0 0 2px 0;
  }
  
#show-obj, #show-miss, #show-fiche, #show-plan,#show-ca, #show-inter, #show-illus {
  background:#f5f5f5 ; 
  }
  
#hide-obj, #hide-miss, #hide-fiche, #hide-inter, #hide-plan,#hide-ca, #hide-illus {
  background:#fff ;
  margin-bottom: 0;
  }
  

/* hack pour IE : réduit le padding sup et inf des boites grises */
/* début de hack pour exclure IE5 Mac  \*/
* html #show-obj, * html #show-miss, * html #show-fiche, * html #show-inter, * html #show-plan,* html #show-ca,* html #show-illus {
  padding: 0;
  }
/* fin de hack IE  et IE5 Mac*/


#show-obj p, #show-miss p, #show-fiche p, #show-plan p,#show-ca p, #show-inter p, #show-illus p, #hide-obj p, #hide-miss p, #hide-fiche p, #hide-inter p, #hide-plan p,#hide-ca p, #hide-illus p {
  margin:0;
  padding:0 0 0 120px;
  font-size:.8em;
  line-height:.7em; 
  background: none;
  }

#present a, #actu a, #show-obj a, #show-miss a, #show-fiche a, #show-plan a,#show-ca a, #show-inter a, #show-illus a, #hide-obj a, #hide-miss a, #hide-fiche a, #hide-inter a, #hide-plan a, #hide-illus a {
  color: #818AA6;
  text-decoration: none; 
  }

#present a:hover, #actu a:hover, #show-obj a:hover, #show-miss a:hover, #show-fiche a:hover, #show-plan a:hover,#show-ca a:hover, #show-inter a:hover, #show-illus a:hover, #hide-obj a:hover, #hide-miss a:hover, #hide-fiche a:hover, #hide-inter a:hover, #hide-plan a:hover,#hide-ca a:hover, #hide-illus a:hover {
  color: #000; 
  }
  
 /* Pied de page */

#footer {
  clear: both;
  margin: 0;
  padding: 0;
  color: #333; 
  }

#footer p {
  margin: 0  0 0 90px;
  padding: 0;
  font-size:.9em; 
  }

#footer a {
  color:#666;
  text-decoration: none; 
  }

#footer a:hover {
  font-weight: bold; 
  }

#footer .liens {
  font-size: 0.9em 
  }

/* styles images flottantes */

.floatright {
  background-color: white;
  float: right;
  margin: 7px 0 5px 10px;
  padding: 2px;
  border: solid 1px #666 
  }

.floatleft {
  background-color: white;
  float: left;
  margin: 7px 10px 5px 0px;
  padding: 2px;
  border: solid 1px #666 
  }
  

/* tables */

table.inline {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 1em;
  line-height: 1.6em; 
  }