/* (c) 2010 - Jean Luc BIELLMANN */

@media screen {

	#public {
		margin:0 210px 10px 210px;
	}

	#sidemenu, #select {
		position:fixed;
		width:180px;
		top:10px;
		bottom:10px;
		overflow:hidden;
		text-align:center;
		/* border:1px solid rgb(41,26,5); */ /* proposition 2011 */
		background:yellow;
	}

	#sidemenu {
		background:url('../img/bg5.menu.png');
	}

	#sidemenu a.black {
		margin-top:20px;
		color:rgb(0,0,0);
		text-decoration:none;
	}

	#select {
		background:url('../img/bg6.menu.png');
	}

	#sidemenu.leftSide, #select.rightSide {
		left:15px;
	}

	#select.leftSide, #sidemenu.rightSide {
		right:15px;
	}

	#sidemenutop {
		left:0;
		right:0;
		top:0;
		height:150px;
		padding-top:5px;
		overflow:hidden;
	}

	#sidemenumiddle {
		position:absolute;
		left:5px;
		right:5px;
		top:150px;
		bottom:90px;
		overflow:auto;
	}

	#sidemenubottom {
		position:absolute;
		left:5px;
		right:5px;
		bottom:0;
		height:80px;
		overflow:hidden;
	}


	#selection {
		position:absolute;
		top:30px;
		bottom:50px;
		left:10px;
		right:10px;
		margin:0 auto;
		/* background:rgb(250,192,0); */
		background:rgb(255,242,217);
		border:1px solid rgb(41,26,5);
		overflow:auto;
	}

	#selection:hover {
		border:1px dashed rgb(41,26,5);
	}

	#selection_bottom {
		position:absolute;
		bottom:0px;
		height:40px;
		left:10px;
		right:10px;
		overflow:hidden;
	}

	#usr {
		margin:10px 0 20px 0;
		font-style:italic;
	}

	#main {
		width:100%;
	}

	#top {
		margin:10px 10px 0 10px;
		min-height:18px;
		text-align:center;
		padding-right:10px;
		border:1px solid #C8C8C8;
	}

	#content {
		position:relative;
		min-height:600px;
		overflow:hidden;
		padding:1px 10px 10px 10px;
	}

	#sign {
		margin-top:10px;
	}

	#action p {
		margin:10px 3px;
	}

	div.obj {
		float:left;
	}
	div.data {
		background:yellow;
	}

	img.signalover {
		margin-bottom:10px;
	}

	img.thumb {
		max-width:100px;
		max-height:100px;
	}

	.shadow {
		border:1px solid rgb(160,160,160);
		background:white;
		padding:8px 8px 8px 8px;
		box-shadow: 1px 1px 8px rgb(160,160,160);
		-moz-box-shadow: -3px 3px 8px rgb(160,160,160);
		-webkit-box-shadow: -3px 3px 8px rgb(160,160,160);
		-khtml-box-shadow: -3px 3px 8px rgb(160,160,160);
	}

	img.slot {
		position:relative;
		left:0;
		top:0;
	}

	img.family {
		margin-right:10px;
	}

	.signal:hover {
		cursor:hand;
	}

	div.objectselected {
		position:relative;
		width:100px;
		margin:5px auto;
	}

	div.objectselected a {
		display:block;
	}

	div.objectselectednum {
		position:absolute;
		left:0px;
		bottom:3px;
		background:white;
		opacity:0.5;
		font-size:16px;
		font-weight:bold;
		padding:0 5px;
		color:rgb(41,26,5);
	}

	.iconclose {
		display:block;
		opacity:0.9;
		position:absolute;
		width:16px;
		height:16px;
		background:white url("../img/window-close.png") no-repeat;
		top:0px;
		right:0px;
	}

	.iconclose:hover {
		cursor:pointer;
	}
}

@media print {
	html {
		margin:0;
		padding:0;
	}

	body {
		margin:0;
		padding:0;
	}

	#top, #sidemenu, #select, #sign {
		display:none;
	}

	#main {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
	}

	img {
		/*
		max-width:5cm;
		max-height:5cm;
		*/
	}
}