﻿
/* ancien layout	

body{
	background: url('layout-background.gif') repeat-x top #575757;
	text-align: center;
	margin: 10px 0 0 0 ;
	padding: 0;
	border: 0;	
	font-family:arial;
}


html, body, #wrapper_cine, #maincontent, #sidebar {
    height: 200%;
}

img {
	
	border:0
}
		
#wrapper_cine {
	width:1000px;
	margin: 0 auto;
	text-align: left;
}	

#maincontent {
	width:680px;
	float:left;
	background-color:#fff;
}

#sidebar {
	width:320px;
	text-align:center;
	float:left;
	background-color:#363636;
	color:#fff;

}


*/


/* NAVIGATION */
	
div#navigation	{ padding:0; margin:0;	width:100%; font-family:arial 	}

ul#sousmenu_footer{
	margin:0;
	padding:0;
}

ul#sousmenu_footer li {
	display:inline;
	margin-right:10px;
}

ul#menu,ul#sousmenu	{ 	list-style-type:none; margin:0; padding:0; display:block; overflow:hidden }

ul#menu { 
	height:26px; 
	background:url(http://www.unipix.ch/2009/img/off.gif) repeat-x; 
	font-size:12px
}
ul#menu li {
	float:left;
	height:26px;
	padding:0 2px 0 0;
	background:url(http://www.unipix.ch/2009/img/sep.gif) no-repeat right
	}

ul#menu li a {
	display:block;
	padding:3px 5px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center
	}
	
ul#menu li a:hover { background:url(http://www.unipix.ch/2009/img/on.gif) repeat-x }

ul#menu li img{  border:0 }
	
ul#menu li.home {
	display:block;
	width:36px;
	height:26px;
	background:url(http://www.unipix.ch/2009/img/home_on.gif) no-repeat
	}
	
ul#menu li.home a:hover {
	background:url(http://www.unipix.ch/2009/img/home.gif) no-repeat
	}

ul#sousmenu { height:25px; 	background-color:#dadada; font-size:11px }
	
ul#sousmenu li {
	float:left;	
	height:31px;
	padding:0 2px 0 0; 
	background:url(http://www.unipix.ch/2009/img/sep2.gif) no-repeat right 7px
	}
	
ul#sousmenu li.premier { text-indent:7px }

ul#sousmenu li a {
	display:block; 
	padding:0 5px;
	line-height:24px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	text-align:center
	}
	
ul#sousmenu li a:hover { background-color:#eaeaea }


/* cinéma */

.cinebox{ width: 400px;	height: auto; min-height: 80px;	font-size:13px;	margin-bottom:8px; line-height:19px; float:left}
.cinebox h3{margin:0; padding:0; font-size:17px; color:#ff651a; font-weight:bold}
.cinebox h4 {margin:0; padding:0 0 6px 0; color:#ff651a; font-weight:normal; font-size:13px}
.cinebox img {	float: left; margin-right: 5px; border: none }
.cinebox a {text-decoration:none; color:#000}
.cinebox a:hover {text-decoration:none; color:#222fab}
.cinema_icones{margin:20px 0 0 0px; width:220px;  float:left}
.cinema_icones img{width:48px; height:48px; float:left; margin-right:4px}
.cinema_icones a{font-size:17px; color:#333333; text-decoration:none; font-weight:bold; cursor: pointer}

dl.cine_definition{ margin: 0; padding: 0; font-size:13px; width:500px}
.cine_definition dt {position: relative; left: 0; top: 1.1em; width: 5em; font-weight: bold}
.cine_definition dd {border-left: 1px solid #000; margin: 0 0 0 6em; padding: 0 0 .5em .5em}

.cinema_table .version{font-family:verdana; font-size:10px; font-weight:bold; color:#a02d2d}
.cinema_table{width:500px; font-size:13px; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc}
.cinema_table td {border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding:2px}
.cinema_table th {border-top: 1px solid #ccc;border-left: 1px solid #ccc; background-color:#ddd; padding:2px}
