@charset "iso-8859-1";
/* CSS des Programmes */

/* Couleurs des liens internet */
div.horaires_films A:link 							{
	color: #2A52AE;
	text-decoration: none;
	font-family:verdana, arial,helvetica;
	font-size:9px;
  font-weight:bold;
} 
div.horaires_films A:visited 						{
	color: #2A52AE;
	text-decoration: none;
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight:bold;
}
div.horaires_films A:active     					{
	color: #555151;
	text-decoration: none;
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight:bold;
}
div.horaires_films A:hover                        {
	color: #f6ca6f;
	text-decoration: underline;
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight:bold;
}

div.horaires_films ul, ol {
	margin:5px;   /* ---  must have right margin. IE bug */
	padding:10px; 	
	overflow:hidden; 

}
div.horaires_films ul li, ol li {
	margin:1px; 
	padding: 1px; 
}
div.li_container { 
	border:none;	/* don't use left and right border, padding and margin */ 
	padding:0px; 
	margin:0px; 
	overflow:hidden;
}
#programmes_blanc{
  position:relative;
  display:inline; /* for double margin ie6 */
	width: 550px;
	background-color: #FFFFFF;
	position: relative;
	float: left;
	margin-left: 40px;
	margin-top: 20px;
}

#details_infos{
  position:relative;
	width: 700px;
	padding: 15px;
	background-color:#fff;
  top:30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  border: 3px solid #CDCDCD;
  /* Bords Arrondis */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  /*  OMBRE PORTEE */
   box-shadow: 			10px 10px 5px #888;
	-o-box-shadow:			10px 10px 5px #888;
	-moz-box-shadow:		10px 10px 5px #888;
	-webkit-box-shadow:	10px 10px 5px #888;

}
#details_infos a:link { text-decoration: none; }
#details_infos a:visited { text-decoration: none; }


/******************************************************************/
/******************************************************************/
/*** FORMULAIRE CONTACT CSS */
/******************************************************************/
/******************************************************************/

.Formulaire .error-input, .form .error-both .input, .form .error-same .input { background-color:#FECFE5; border-color:#BB6666; color:#660000; }
.Formulaire .error-div { float:right; margin:7px 10px 0 0; color:#935; font-size:10px; }
.Formulaire .error-div-alternative { display:none; -moz-border-radius:10px; -webkit-border-radius:10px; width:800px; top:0; left:50%; position:absolute; z-index:1000; margin-left:-400px; text-align:center; font-size:16px; color:#934; padding:20px 0 20px 0; background-color:#FF83AD; border:solid 2px #d36; border-top-width:0; }
.Formulaire .error-same, .form .error-both { color:#fff; background-color:#b66; -moz-border-radius:3px; }


.Formulaire form {
  	padding: 10px !important;
  	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  	background-color:#FFF;
  	background-position: bottom left;
  	background-repeat: repeat-x;	
}
/* Fieldset  */
#bouton {
		width:75px;
		height:24px;
		text-align:center;
		background:url(../images/bouton_submit_bg.gif) repeat-x 0 0;
		color:#5f5f5f;
		border:1px solid #aaa;
		float:left;
		display:block;
		cursor:pointer;
		font-weight:bold;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
}
#bouton:hover { background:url(../images/bouton_submit_hover.gif) repeat-x 0 0; color:#ffffff; border:1px solid #5f5f5f; }

.Formulaire fieldset {
  	background-color:#FFF;
  	border: 1px solid #c5cacf;	
  	background-image: url(images/bg-2.png);
  	background-position: bottom left;
  	background-repeat: repeat-x;
  	padding:10px;
}
.captchaAide {
    display:block;
    width:325px;
    float:right;
    margin-top:20px;
    color:#6D6E6D;
}

.Formulaire legend {
  	color: #1C1C1C;
  	background-color: #FFD;
  	border: 1px solid #878177;
}
.Formulaire onefield {
    display:block;
    margin-bottom:0.75em;
    padding:2px 0;
    width:100%;
}
.Formulaire prefield {
    display:block;
    float:none;
    width:auto;
}


/* BLOC MASTER ----------------------------------------------------*/
.bloc_maitre{
	width: 999px;
	margin: 0px auto;
	color: #000000;
	clear: both;
	position: relative;
	height: auto;
	top: 10px;
	display: block;
	visibility: visible;
	margin-bottom: 55px;
}

.bloc_maitre .haut{
	background-image: url(../images/bloc_noir_haut.gif);
	padding: 0px;
	height: 20px;
}
.bloc_maitre   .milieu {
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 0px;
	background-color: #000000;
	position: relative;
}
.bloc_maitre   .titre_promo {
	text-align:center;
	padding:15px;
	color:#fafafa;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	padding-top: 25px;
}

.bloc_maitre .bas{
	background-image: url(../images/bloc_noir_bas.gif);
	height: 25px;
	padding: 0px;
	position: relative;
}
#entete_horaires {
	background-color: #000000;
	margin: 0px auto;
	text-align: center;
}
#adresse {
	float: left;
	padding: 10px;
	width: 300px;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
}



/*- Menu Onglets --------------------------- */
  

#entete_menu_adresse {
	background-color: #000000;
	width: 100%;
  }
#MenuOnglets {
	float:left;
	width:999px;
	background:#000000;
	font-size:100%;
	line-height:normal;
	border-color: #2A52AE;
      }
#banniere {
  	float:right;
  	text-align: right;
  	background:#000000;
  	width:625px;
  	padding: 0px 0px 0px 0px;
  	margin-top: -20px;
    margin-right:32px;
      }     
#MenuOnglets ul {
	margin:0;
	padding:10px 0px 0px 0px;
	list-style:none;
	position: relative;
	top: 15px;
      }
    #MenuOnglets li {
	display:inline;
	margin:0px 0 0 0;
	padding:0;
      }
    #MenuOnglets a {
	float:left;
	background:url("../images/menu_gauche.jpg") no-repeat left top;
	margin:0;
	padding:0px 0 0px 4px;
	text-decoration:none;
      }

    #MenuOnglets a span {
	float:left;
	display:block;
	background:url("../images/menu_droit.jpg") no-repeat right top;
	padding:8px 15px 12px 6px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 12px;
	background-position: 0 1;
      }
    /* Commentaire Backslash Hack cache la regle a IE5-Mac \*/
    #MenuOnglets a span {
	float:none;
}
    /* End IE5-Mac hack */
    #MenuOnglets a:hover span {
	color:#FFFFFF;
      }
    #MenuOnglets a:hover {
	background-position:0% -52px;
      }
    #MenuOnglets a:hover span {
	background-position:100% -52px;
      }
/* Permet de mettre des arrondis en d ©but de barre */	  
#MenuOnglets  #a_premier {
	background:url(../images/menu_gauche_premier.jpg) no-repeat left top;
	padding: 0 0 0px 8px;
}
#MenuOnglets  #a_premier:hover {
	background-position:0% -52px;
}
/* Permet de mettre des arrondis en fin de barre */
#MenuOnglets  .span_dernier {
	background:url(../images/menu_droit_dernier.jpg) no-repeat right top;
	padding:8px 15px 12px 8px;
}
#MenuOnglets   .span_dernier:hover {
	background-position:100% -52px;
}
.sfhover{
	background:url(../images/menu_droit_dernier.jpg) no-repeat right top;
	background-position:100% -52px;
}

#central_horaires_promos {
	background-color: #000000;
	background: #000000;
	position: relative;
	width: 500px;
	display: block;
}



#menu_films{
	width: 565px;
	position: relative;
	background: #79bbcb url(../images/fond_menu_films.jpg) repeat-x top;
	margin: 0px auto;
	margin-top: 8px;
	text-align: left;
	clear: both;
	margin-bottom: 0px;
}

#menu_films  li {
	width: 225px;
	float: right; /** width et float permettent de faire deux colonnes */
	margin: 0px 25px 0px 00px;
	padding: 0px;
	color: #2A52AE;
	list-style-type: none;
}
#imprimer_programme {
	float: right;
	margin-bottom: 0px;
	display: block;
	margin-right: 30px;
}

.horaires_films    {
  position:relative;
  float:left;
  display:inline; /* for double margin ie6 */
	width: 550px;
	padding: 0;
	margin-bottom: 10px;
	clear: both;
}

.film_header {	
 	clear: both;
	width:100%;
	background: url(../images/film_header_bg.png) right top no-repeat;
}
.film_footer {
	clear: both;
	width:100%;
	background: url(../images/film_footer_bg.gif) right top no-repeat;
	margin: -3px 0 1em 0;
}
.film_header span, .film_footer span {
	display: block;
	width: 10px;
	overflow:hidden;
}
.film_header span {
	height: 5px;
	background: url(../images/film_header_bg.png) left top no-repeat;
}
.film_footer span {
	height: 7px;
	background: url(../images/film_footer_bg.gif) left top no-repeat;
}
.film_contenu {
	border: #DDD solid 1px;
	border-width: 0 1px;
	background:white;
}
.film_contenu h2 {
	text-indent: 20px;
	margin: 0px 0 8px 0;
	font-size: 120%;
	text-transform: uppercase;
	background-position: left top;
	background-repeat: no-repeat;
}
.film_contenu h2 a {
	text-decoration: none !important;
}
.film_contenu h3, .film_cnt h3 a {
	margin: 0 0 0px 0;
	font-size: 100%;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #F60;
}
.film_contenu .film_inner {
	width: 523px;
	background: url(../images/film_inner_bg.jpg) right top repeat-x;
	padding: 6px 10px 6px 10px;
	position: relative;
	overflow: hidden;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	  
.films_titres {
	color: #2A52AE;
	font-size: 17px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-transform: capitalize;
}	
/* Hack contre les affiches coup es guiotinne IE6 */
*html .films_titres {
	margin-bottom: 55px;
}

 
.affiche_gauche {
	float: left !important;
	margin-right: 15px;
	border: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
}	  



/* *********************************************
   TABLEAU BOUTIQUE 
   *********************************************
*/

#tableau_boutique {
  margin: 20px;
  margin-left: 20px;
  margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}

#tableau_boutique th {
  color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D0D3F2;
	color: #990000;
}
#tableau_boutique td {
  border: 0px;
  width: 180px;
}

/*  Permet de garder le fond noir de la div qui le contient
	attention doit rester en bas du style sheet */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */