/* Feuille de style générale du site */
/* Exposition virtuelle "Sur les traces du vivant" */


/**** Styles d'éléments ****/
/*  ---------------------  */


/*--- Le Menu ---*/

.navigation {
      margin: 0;
      padding: 0;
      color: #fff;
      width: 200px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size: .8em;
	  font-weight:bold;
	  list-style:none;
}
.navigation a, .navigation span {
      color: #ccff00;
      text-decoration: none;
	  font-family:Arial, Helvetica, sans-serif;
	  list-style:none;
}
.navigation a:hover {
	text-decoration:underline;
	color:#FF9900;
}
.navigation .subMenu {
      font-size: .9em;
      margin: 0;
      padding: 0;
	  color:#FFFFFF;
	  font-family:Arial, Helvetica, sans-serif;
	  list-style:none;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#99ccff;
}

h2 {
	padding:0;
	margin:0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

h2.aide {
	color:#ffff99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	padding-top:15px;
}

/* Titre de la partie */

a.leTitre {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

img.o_f {
	display:none;
}

/* En savoir plus */

a.plus {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

p {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.div_texte_entier p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/* Style de l'affichage du texte entier de chaque partie */

.div_texte_entier {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/* Infobulle javascript */

span{cursor:default;}
.definition {
	color:#000066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* Footer */

a.footer:link, a.footer:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	text-decoration:none;
}

a.footer:hover, a.footer:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:underline;
}

/* Légende */

p.legende {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCFFFF;
}

img.mini {
	border:#000000 1px solid;
}

img.mini:hover {
	border:#FFFFFF 1px solid;
}

/**** Containers / Divs ****/
/*  ---------------------  */

body {	
	background-color: #666666;
	margin:0;
	padding:0;
}

#container {
}

#header {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:774px;
	height:85px;
	background-image:url(../../_images/titre_sur_les_traces.jpg);
	background-repeat:no-repeat;
	text-align:right;
	display:none;
}

#livre_sur_les_traces {
	position:absolute;
	margin-left:500px;
	top:0px;
	display:none;
}

#logo_musee_de_france {
	position:absolute;
	margin-left:11px;
	top:538px;
	display:none;
}

#logo_musee_des_confluences {
	position:absolute;
	margin-left:20px;
	top:94px;
	display:none;
}

#logo_rhone {
	position:absolute;
	margin-left:60px;
	top:469px;
	display:none;
}

#menu {
	position:absolute;
	margin-left:16px;
	top:140px;
	width:210px;
	height:300px;
	overflow:visible;
	display:none;
}

#menu_texte {
	position:absolute;
	top:35px;
	left:0px;
	width: 200px;
	height: 300px;
	visibility:visible;
	overflow:auto;
	display:none;
}

#menu_image {
	position:absolute;
	top:35px;
	left:0px;
	width: 200px;
	height: 294px;
	visibility:hidden;
	overflow:auto;
	display:none;
}

#titre {
	position:relative;
	height:18px;
	background-color:#000000;
	padding-right:5px;
	padding-left:5px;
}

#texte {
	position:absolute;
	color: #000;
	padding: 10px;
	margin: 20px;
	top:119px;
	margin-left:220px;
	border: 1px solid #666666;
	width:280px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:none;
}

#texte_entier {
	position:relative;
	color:#000000;
}

#chapitre {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

#photo_fond {
	position:relative;
	padding-top:5px;
}

#toLoupe {
	position:absolute;
	margin-left:400px;
	top:270px;
	width:200px;
	height:200px;
	overflow:hidden;
	/*filter : alpha(opacity=50); 
    -moz-opacity : 0.5; 
    opacity : 0.5;*/ 
	display:none;
}

#miniatures {
	position:absolute;
	margin-left:700px;
	top:142px;
	width:57px;
	height:240px;
	overflow:hidden;
	display:none;
}

#miniatures_in {
	position:absolute;
	top:0px;
	width:57px;
	display:none;
}

#mini_up {
	position:absolute;
	margin-left:700px;
	top:132px;
	width:55px;
	height:8px;
	cursor:pointer;
	display:none;
}

#mini_down {
	position:absolute;
	margin-left:700px;
	top:385px;
	width:55px;
	height:8px;
	cursor:pointer;
	display:none;
}

#footer {
	position:absolute;
	margin-left:470px;
	top:540px;
	text-align:right;
	color:#999999;
	display:none;
}

#legend{
	position:absolute;
	margin-left:409px;
	top:396px;
	width:350px;
	height:135px;
	display:none;
}

#txt_milieu {
	position:absolute;
	margin-left:220px;
	top:122px;
	width:430px;
	height:385px;
	padding:20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}