body
  {
	background: url(../img/bg.png) bottom right no-repeat;
	font-family: Helvetica, Arial, Geneva, sans-serif;
  }
  
strong
  {
	font-weight: bold;
  }  
  
.center
  {
	text-align: center;
  }  
  
/* EN-TETE */
#header
  {
	height: 150px;
	background: url(../img/header-bg.png) repeat-x white;
	margin: 0 0 20px 0;
  }  
  
#header h1, #header h2, #header a span { display: none; }  

#logo
  {
	display: block;
	width: 275px;
	height:140px;
	background: url(../img/header-logo.png) no-repeat;
	/*margin: 0 0 0 20px;
	float: left;*/
	position: absolute;
	left: 20px;
	/*z-index:10*/
  }
  
#loro
  {

margin: 50px 0 0 0;
z-index: 10;
  }  
  
#loro span {
	display: none;
  }  
#header_image  
 {
	position: absolute;
	top: 30px;
	left: 300px;
    /*right:20px;
    z-index:0*/
  } 
#address
  {
	display: block;
	width: 350px;
	height:64px;
	background: url(../img/header-address.png) no-repeat;
	position: absolute;
	top: 44px;
	right: 40px;

  }  
  
/* MENU */
#menu
  {
	/*margin: 10px 0 0 20px;*/
	width: 129px;
	text-align: right;
	/*float: left;*/
	overflow: hidden;
	font-size: 16px;
	position: absolute;
	top: 170px;
	left: 20px;
  }  
  
#menu li
  {
	margin-bottom:15px
  }  
  
#menu a
  {
	color: #999;
	text-decoration: none;
  }  
  
#menu #m-emploi a
  {
    color:black;
  }  
  
#menu a:hover
  {
	color: #333;
	text-decoration: none;
  }  
  
#cinema #m-cinema a,
#arts_de_la_scene #m-arts_de_la_scene a,
#cafe #m-cafe a,
#forum #m-forum a,
#association #m-association a,
#cooperative #m-cooperative a,
#infos #m-infos a,
#acces #m-acces a,
#liens #m-liens a,
#liste_de_diffusion #m-liste_de_diffusion a,
#contacts #m-contacts a,
#galerie #m-galerie a,
#emploi #m-emploi a
  {	
    color: black;
	font-weight: bold;
  }  
  

  
#m-cafe, #m-association, #m-emploi{ margin-top: 40px;  }  
  
/* SOUS-MENU */
.submenu
  {
	display: none;
	margin-top: 0;
    margin-bottom: 20px;
    font-size: 70%;
  }  
  
#menu .submenu ul
  {
	margin-bottom: 30px;
	margin-top: -10px;
  }  

#menu .submenu li
  {
	 margin-bottom:10px
  }    
  
#cinema #s-cinema ,
#arts_de_la_scene #s-arts_de_la_scene  
  {display: block; }  
  
 .archives #s-cinema-archives a,
 .previsions #s-cinema-previsions a ,
 .affiche #s-cinema-affiche a, 
  .infos_generales #s-cinema-infos_generales a, 
 .archives #s-scene-archives a,
 .previsions #s-scene-previsions a ,
 .affiche #s-scene-affiche a,
  .infos_generales #s-scene-infos_generales a    
  {
	color: #111;
	font-weight: bold;
  }  
  
/* CONTENU */
.content
  {
	background-color: #EEEEEE;
	margin: 10px 40px 0 165px;
	border-bottom: 1px solid silver;
	border-collapse: collapse;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	line-height: 1.5em;
	
	/*
    position: absolute;
    top: 170px;
    left: 20px;
    */
    position: relative;
    top: 0px;
    left: 20px;    
  }  
  
.content .gutter
  {
	padding:10px 35px 30px 35px;
	margin: 0;
  }  
  
.content table
  {
	margin: 0;
  }  
  
.content h1
  {
	background: url(../img/ticket-bg.png) no-repeat 5px right #EEEEEE;
	margin-right: -1px;
	padding: 20px 25px 0 25px;
	font-size: 150%;
  }  
  
.content p
  {
	color: #333;
	line-height: 1.5em;
	font-size: 90%;
  }  

.content table td
  {
	vertical-align: top;
  }  
  
  
/* PAGE LIENS */
#linkbar
  {
	text-align: center;
	padding: 0 0 30px 0;
  }  
  
/* LISTE DE DIFFUSION */
#form
  {
	margin: 100px 0;
  }  
  
#form p
  {
	margin-bottom: 12px;
  }  
  
/* PROGRAMME */
.week
  {
	color: #253994;
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
	
  }

.program
  {
	margin: 10px 0;

  }  
  
.program td.txt
  {
	vertical-align: top;
	padding: 10px 10px 30px 10px;
	font-size: 12px;
  }  
.program td.pict, td.pict
  {  width: 1px; }
  
td.pict img
  {
	margin: 0 10px;
	
  }  
  
.program tr
  {
	padding-bottom: 20px;
  }  
  
.program .title
  {
	font-size: 24px;
	font-weight: bold;
  }  
  
.thumb
  {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
  }  
  
/* GALEIRE */

#galerie .thumb
  {
    display: inline;
   text-align: center;
   border: 0;
  }

#galerie .thumb img
  {
	border: 10px solid white;
     display: inline;
    vertical-align: top;
       margin: 5px;
  } 
  
/* FORMULAIRES */
label
  {
	display: block;
	font-weight: bold;
  }  
  
.oErrorMessage
  {
	display: block;
	color: maroon;
	margin: 0 0 12px 20px;
  }  
  
#message
  {
	font-size: 24px;
	text-align: center;
	margin: 160px 0 220px 0;
  }  
  
a.reservation
  {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	margin: 0 10px;
	width: 150px;
	display: block;
  }  
  
/* PIED DE PAGE */
#footer
  {
	margin: 20px 0 60px 0;
	color: silver;
	text-align:center;
	font-size:11px;
  }  
  
#footer a
  {
	color: silver;
	text-decoration: none;
  }  
  
#footer a:hover
  {
	text-decoration: underline;
	color: gray;
  }  
  
/* EMPLOI */
.emploi 
  {
    line-height: 1.7em;
    width:600px;
    margin: 10px auto;
    font-size: 14px;

  }
  
.emploi h2
  {
    font-size: 28px;
    font-weight: bold;
    margin: 40px 0 40px;
    text-align: center;
    line-height: 1.3em;
  }  
  
.emploi p
  {
    margin: 10px 0 16px 0;
    font-size: 14px;
  }  

.emploi li
  { 
    list-style:disc;
    font-size: 14px;
    list-style-position: outside;
    padding: 0 0 0 0px;
    margin: 0 0 0 30px;
  }