/*  style_index.css: extrait de "index.php" (JV, 21 oct 2019) */

/*
*{
	margin:0;
	padding:0;
}
*/

body,html{
	height:100%;
}

body{
	background-color:#FFF;
	font-family:Georgia, Times New Roman;
	font-size:1em;
	text-align:center;
	color:#666;
	/*background-image:url("bg.jpg");*/
	background-repeat:repeat-y;
	background-position:50% 50%;
}


/*  ------------ Bottom Menu ..... Need to be simplified   --------- */

.menu{
	margin:0;
	position:relative;
	clear:left;
	width:960px;
//	list-style-type:none;
	height:52px;
	background-color:#28f;
	text-align:center;
}

.navItem 
{
	float:left;
    text-decoration: none;
	font-family: Orbitron, sans-serif;
	padding:0 15px;
	color:#fff;
	background-color:#28f;
	min-width:130px;
	text-align:center;
	font-size:1.3em;
	margin:0;
	list-style: none;
	display:inline-block;
	line-height: 50px;
	cursor:pointer;
	border:1px solid #28f;
}
.navItem.LOGO {
//	float: left;
//	padding-right: 0 20px;
display : inline-block;
	font-family: Gochi Hand;
	color:#FE0;
	font-size: 2.5em;
}
.navItem:hover{
	color:#28f;
	background-color:#fff;
}

/*  ------------ ========================== --------- */

#mainbox{
	margin:0 auto;
	position:relative;
	clear:left;
	width:960px;
	height:530px;
}

.column {
	position:relative;
	float: left;
	width: 240px;
	height:480px;
//	border: 1px solid green;
	box-sizing: border-box;
}
.slidebox {
	position:relative;
	height:480px;
	width: 480px;
	float:left;
//	border: 1px solid silver;
	background-color: #eee;
	box-sizing: border-box;
}

.box {
	position:relative;
	float: left;
	height:240px;
	width: 240px;
	border-right:1px solid #ccc;
	box-sizing: border-box;
}
/*
.logo{
	background-image: url("images/tramLogo240.png");
	border-bottom:1px solid #ccc;
}
.logotext{
	background-image: url("images/tramText.jpg");
}
.artist{
	background-image: url("images/Figure_1012.jpg");
}
*/
.bl { border-left:1px solid #ccc; }
.br { border-right:1px solid #ccc; }
.bt { border-top:1px solid #ccc; }
.bb { border-bottom:1px solid #ccc; }

#bigpush{
	width:1px;
	height:50%;
	margin:0 0 -340px 0;
	float:left;
}
#wrapper{
	height:100%;
	margin:0 0 -42px 0;
}

.photoID 
{
	position: absolute; 	
	top:   40px; 
	background:#fff; 
	padding: 6px 6px 3px 6px; 
	border: 1px solid black;
}

.captionTram  
{
	position: absolute; 	
	top:   420px; 
	font-size:  10pt;
	text-align:center;
	color: #000;	
	background: #FFF;
	border: 1px solid black;	
    padding: 5px 20px; 
}
#credit {
	font: italic 0.8rem arial, sans-serif;
	text-align:center;
	margin-top: 0.5rem;
}