/* @override 
	http://grogro.local:8888/~max/transrocheuses/www/vues/style/album.css
	http://www.trans-us.com/vues/style/album.css
*/

#contenu {
	position: absolute;
	top: 0;
	width: 100%;
	/*bottom: 0;*/
	left: 0;
	/*right: 0;*/
	height: 100%;
}

#voyages img {
	height: 112px;
	width: auto;
	margin: 1px;
}

div#voyages {
	text-align: center;
	background-color: transparent;
	background-color: #25241e;
	opacity: 1;
	width: 96%;
	padding: 2%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
}

#album, #commentaire {
	position: absolute;
	width: 100%;
	/*background-color: black;*/
	color: gray;
	white-space: nowrap;	
}

#commentaire {
	bottom: .5em;
	margin-top: 1em;
	color: white;
	font-size: 1.5em;
	/*display: none;*/
}

#album {
	top: 0.5em;
	/*background-color: gray;*/
}

.titre_album, #album a {
	font-weight: bold;
	color: #f6e2b2;
	font-size: 1.1em;
}

dl {
	margin: 0;
	padding: .2em 1em;
	text-align: center;
	height: 1em;
	white-space: nowrap;
	/*overflow: hidden;*/
}

dd, dt {
	float: none;
	/*clear: none;*/
	display: inline;
	margin: 0;
	/*margin-right: .5em;*/
	padding: 0 .5em;
	width: auto;
}

dt {
	border-left: 1px solid silver;
	padding-right: 0;
}

dt:first-child {
	border: none;
}

.diapo {
	height: 100%;
	display: none;
}

/*#diapo img {
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
}*/

/*.diapo img.petite {
	position: absolute;
	height: auto ;
	top: 50%; left: 50%;
	bottom: auto; right: auto;
}*/
	/* en javascript pour dynamique
	margin-top: -0;
	margin-left: -0;*/

#commande {
	position: fixed;
	margin: auto;
	width: 128px; height: 64px;
	bottom: 40px;
	/*left: 0; right: 0;*/
	/*top: 80%;*/
	left: 50%;
	/*margin-top: -32px;*/
	margin-left: -124px;
	/*text-align: center;*/
	display: none;
}

#commande p {
	margin: -.2em 0;
	padding: .2em;
	background-color: #3f3f3f;
	color: white;
	white-space: nowrap;
	opacity: .75;
}

/* récit */

#recit {
	position: relative;
	top: 2.9em;
	width: 90%;
	margin: auto;
}

#recit div {
	/*margin-top: 1em;*/
	padding: 1px 2.5%;
	background-color: #545454;
	color: #c5ae42;
	/*border-left: 1px solid gray;
	color: whitesmoke;
	background-color: #e5dec7;
	color: #2a2a2a;*/
	overflow: hidden;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}

.op_recit {
	font-size: .8em;
	margin: 0;
	display: none;
	margin-top: .3em;
}

#recit .op_recit a {
	color: #a62626;
}

.op_recit.suite a {
	margin-left: -8px;
	padding-left: 24px;
	background: url(img/f_s_grise.png) no-repeat left -2px;
}

#recit .op_recit.masquer a {
	padding-left: 20px;
	margin-left: -4px;
	background: url(img/f_n_grise.png) no-repeat left 2px;
}