/* ################### SOMMAIRE, explications ############### **
	
		pour naviger dans le css, ctrl+F puis *numéro de la rubrique
	
	 ~0 Body  												|	le background et les textes de base
	 ~1 le haut du site (ce qui ne bouge pas)  				|	le header, les bans, le logo
	 ~1.1 maincontent global  								|	les 3 blocs de contenus (normal, large, xtra large)
	 ~2 Menu principal (ne pas toucher aux mainlevels)  		|	gestion du menu principal, id top
	 
	 ~3 Bloc sorties de la semaine  						|	le bloc de la homepage, avec les 4 sorties mises en avant
	 ~4 Bloc de recherche  									|	le bloc de recherche, qui est soit en float left, soit en absolute dans le header
	 ~5 newsletter  										|	le bloc pour s'inscrire à la newsletter
	 ~6 menu annexe  										|	un menu secondaire, pas en place sur tous les sites
	 
	 ~7 événements  										|	le bloc homepage réservé aux événements
	 
	 ~8 ciné jeu  											|	colonnes ciné jeu (large et normal)
	 ~9 footer  											| 	pied de page du site, toutes les rubriques, copyright, xiti
	 ~10 maincontent détails  								|	les textes et tables du maincontent (h3, strong, p...)
	 ~11 table horaires  									|	gestion du design du tableau des horaires
	 ~12 fiche films et fiches horaires (ne pas toucher)  	|	affichage des blocs de fiches films (films à l'affiche, horaires, fiches films...) >> ne modifier que les largeur/hauteur dans le cas de sites larges
	 ~13 Styles disponibles dans l'éditeur de page FCK  	|	styles sélectionnables par les exploitants dans l'éditeur de contenu (voué à changer/disparaitre)
	 ~14 sous-menus d'une page  							|	si une page à des sous-rubriques, ces styles s'appliquent
	 ~15 bloc recrutement  									|	design du bloc recrutement, sur la page du même nom
	 ~16 bloc contact  										|	idem pour la page contact
	 ~17 page newsletter  									|	design de la page newsletter (formulaire)
	 ~18 divers  											|	ajouts divers, types boutons spécifiques à un site
	
	*/
	
	/*###################################################################     Declarations globales      */
	html {
		height: 100%;
		margin-bottom: 1px;
		background:url(./image/background.png) top center repeat-x;
	}
	h1, h2, h3, h4, h4 {
		/* setup some more readable header spacing */
		padding-bottom: 5px;
		margin: 15px 0;
	}
	h1 {font-size: 200%;}
	h2 {font-size: 175%;}
	h3 {font-size: 150%;}
	h4 {font-size: 120%;}
	a {text-decoration: none; color:#e69100;}
	a:hover {text-decoration: underline;}
	form {
		margin:0;
		padding:0;
	}
	
	/*###################################################################     Type de contenu      */
	pre {
		padding: 10px;
	}
	blockquote {
		font-style: italic;
		font-size: 100%;
		line-height: 150%;
		width: auto;
		padding: 10px 10px 10px 60px;
		margin: 15px 0;
	}
	
	
	
	/*###################################################################     Mise en page      */
	.nounder {
		text-decoration: none;
		border: 0;
		cursor: pointer;
	}
	.clr {
		clear:both;
	}
	fieldset.input {
		border: 0;
	}
	
	
	
	/*###################################################################  *0     Body      */
	body,td {
		line-height: 135%;
		font-family: Verdana,Helvetica, Arial, sans-serif;
	}
	body {
		margin: 0px;
		padding: 0px;

	}
	
	body.f-smaller {font-size: 10px;}
	
	body, body.f-default {font-size: 12px;}
	
	body.f-larger {font-size: 15px;}
	
	/*###################################################################  *1     le haut du site (ce qui ne bouge pas)      */
	#masthead {
	width:912px;
	margin:0px auto 0 auto;
	padding:0;
	position: relative;
	}
	#ban_small a img {
		vertical-align:middle;
	}
	#ban_small {
		position:absolute;
		top:9px;
		left:430px;
		width: 468px;
		height: 60px;
		display:none;
	}
	#header {
		background:url(./image/header_02.png) top center  no-repeat;
		display:block;
		position:relative;
		width:912px;
		height:246px;
		margin:0px;
		top:0px;
		
	}
	#logo {
		display:inline;
		margin:0;
		top:6px;
		left:2px;
		position:absolute;
		width: 219px;
		height: 114px;
	}
	#logo img {
		border:0;
		width: 219px;
		height: 114px;
	}
	#ban_big {
		text-align:center;
		margin: 14px 14px 10px 0;
		width:733px;
		height:auto;
		padding:3px 0px;
		float:right;
		padding:0;
	}
	
		/*###################################################################  *1.1   maincontent global      */
	#maincontent {
		font-size:12px;
		width:726px;
		float:left;
		padding:0;
		margin:0 0 0 7px;
		display:inline;
		color:#000;
	}
	#maincontent-large {
		width:593px;
		float:left;
		padding:0;
		margin-left:7px;
		display: inline; /*IE double margin fix.*/
		color:#000;
	}
	#maincontent-x-large {
		width:740px;
		float:left;
		padding:0;
		margin-left:7px;
		display: inline;/* IE double margin fix.*/
		color:#fff;
	}
	
	/*###################################################################  *2     Menu principal (ne pas toucher aux mainlevels)      */
	#mainlevel {
		padding:0;
		margin:0;
		clear:both;
	}
	#mainlevel li {
		padding:0;
		margin:0;
		display:inline;
		float:left;
		list-style:none;
		width:14em;
	}
	a.selected {
		font-weight:bold;
	}
	a#active_menu.mainlevel {
		font-weight: bold;
	}
	#top {
	text-align:center;
	width: 586px;
	height: 30px;
	display:block;
	margin:0px;
	position:absolute;
	top:45px;
	left: 259px;
	
	}
	#top ul {
		text-align:center;
		padding:0px;
		margin:0px;
	}
	#top li {
		padding:0;
		margin:0;
		display:inline;
		list-style:none;
		text-align:center;
		font-size:13px;
	}
	#top a , #top a:visited , #top strong {
		height:auto;
		width:auto;
		display: -moz-inline-box;
		display:inline-block;
		padding:12px 6px;
		margin:0px 1px;
		color:#ffffff;
		font-weight:bold;
	}
	#top a:hover , #top a:visited:hover  {
		color:#502906;
		text-decoration:none;
		font-weight:bold;
		background:#FFFFFF;
		
		
	}
	#top strong {
		color:#502906;
		font-weight:bold;
		background:#ffffff;
		
	}
	a.sublevel {
		line-height: 20px;
	}
	
	/*###################################################################  *3   Bloc sorties de la semaine      */
	#mod_ccweb_affiches {
		background:url(./image/bg_panel_affiches.png) top left no-repeat;
		width:164px;
		height:771px;
		color:#000;
		float:left;
		margin:0;
		margin-left:0px;
		margin-bottom:5px;
		display: inline;/* IE double margin fix.*/
		text-align:left;
		position:relative;
		background-image: url(./image/bg_panel_affiches.png);
		font-size:0px;
		text-align:center;
	}
	#mod_ccweb_affiches h1 {
		font-size:0px;
		font:none;
		color:#81706e;
		margin:0;
		padding:0;
		line-height:2px;
		display:block;
		font-size:1px;
		height:60px;	
	}
	#mod_ccweb_affiches a img {
	/*border:none;*/
	}
	#mod_ccweb_affiches  div.lastlink {
		text-align:left;
		position:absolute;
		top:737px;
		left:40px;
		padding:0;
		color:#4c98da;
		font-size:11px;
		font-weight:bold;
		width: 109px;
		height: 19px;
	}
	div.lastlink a {
		color:#563f3f;
	}
	div.lastlink a:hover, div.lastlink a:visited:hover,  {
		color:#d9941f;
	}
	.affiche_hebdo {
		float:left;
		width:115px;
		height:auto;
		display:inline; /* IE double margin fix*/
		margin-left:9px;
		margin-top:5px;
		text-align:center;
		font-size:10px;
	}
	.infos_public {
		width:80px;
		float:left;
		text-align:left;
	}
	.infos_duree {
		width:35px;
		float:left;
		text-align:right;
	}
	
	/*###################################################################  *4   Bloc de recherche      */
	#left {
		width:902px;
		height:120px;
		padding:0;
		position:relative;
		position:absolute;
		left: 5px;
		top: 111px;
	}
	#mod_ccweb_recherche {
		font-size:11px;
		color:#aeaeae;
	}
	#mod_ccweb_recherche input {
		font-size:11px;
	}
	#mod_ccweb_recherche h1 {
		color:#000;
		font-size:14px;
		text-align:center;
		display:none;
	}
	#mod_ccweb_recherche h2 {
		font-size:12px;
		text-align:left;
		position:absolute;
		left: 6px;
		top: 1px;
		width: 145px;
		height: 33px;
		color:#000;
		display:none;
	}
	#mod_ccweb_recherche h3 {
		margin:0;
		padding:0;
		font-size:11px;
		font-weight:normal;
		color:#000;
		display:none;
	}
	#mod_ccweb_recherche div.soustitre {
		color:#000000;
		font-size:11px;
		text-align:left;
		position:absolute;
		width: 346px;
		height: 23px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		left: 575px;
		top: -100px;
	} 
	#mod_ccweb_recherche table tr td {
		vertical-align:top;
	}
	#mod_ccweb_recherche div.left2 {
		width:172px;
		float:left;
		height:34px;
		position:absolute;
		left: 296px;
		top: 73px;
		text-align:center;
	}
	#mod_ccweb_recherche div.left2 h3 {
		/*margin-top:21px;*/
		color:#848484;
		font-weight:bold;
		margin-bottom:4px;
	}
	#mod_ccweb_recherche div.left2  select {
		width:150px;
		font-size:11px;
		text-transform:lowercase;
		margin-top:4px;
	}
	#mod_ccweb_recherche div.left2 input.btok {
		font-size:11px;
		margin-top:4px;
		/*background:url(./image/btn_ok.png) no-repeat top;
		width:33px;
		height:33px;
		border:0px none;*/
	}
	#mod_ccweb_recherche div.left3 {
		width:161px;
		float:left;
		height:82px;
		display:inline;
		position:absolute;
		left: 498px;
		top: 50px;
		text-align:center;
	}
	#mod_ccweb_recherche div.left3 input {
		font-size:11px;
		/*background:url(./image/btn_ok.png) no-repeat top;
		width:33px;
		height:33px;
		border:0px none;*/
	}
	#mod_ccweb_recherche div.left3 label {
		color:#848484;
		font-size:11px;
	}
	#mod_ccweb_recherche div.left3 h3 {
		padding:0;
		margin:0;
		text-align:center;
		color:#848484;
		font-weight:bold;
	}
	#mod_ccweb_recherche div.left3 label.day {
		margin-left:7px;
		color:#848484;
	}
	#mod_ccweb_recherche div.left3 input.radio {
		padding:0px;
		margin:2px;
		height:13px;
		width:13px;
		display:block;
		overflow:hidden;
		background:none;
	}
	#mod_ccweb_recherche div.left3 div.heure {
		margin-left:10px;
	}
	#mod_ccweb_recherche div.left3 select {
		font-size:11px;
	}
	
	/*###################################################################  *5   newsletter      */
	#mod_subscribe 	{
		width:180px;
		font-size:10px;
		color:#FFFFFF;
		float:left;
		height:64px;
		display:inline;
		position:absolute;
		left: 685px;
		top: 57px;
		text-align:left;
	}
	#mod_subscribe p {
		color:#FFFFFF;
		padding: 0px;
		margin:0px 0px;
		line-height:10px;
		width:200px;
		float:left;
	}
	#mod_subscribe form {
		width:205px;
		float:left;
		margin:11px 0px 10px 0px;
		padding:0px;
	}
	#mod_subscribe #lm_email {
		width:160px;
		height:13px;
		display:block;
		margin-left:50px;
		margin-right:15px;
		text-align:center;
		margin:0;
		font-size:11px;
		margin-top:1px;
		float:left;
		color:#848484;
		border:none;
	}
	#mod_subscribe input.button {
		font-size:11px;
		margin-left:4px;
		/*background:url(./image/btn_ok.png) no-repeat top;
		width:33px;
		height:33px;
		border:0px none;*/
	}
	
	/*###################################################################  *6   menu annexe      */
	#mainlevel-left {
		margin:0;
		width:160px;
		height:87px;
		text-align:left;
		padding:0;
		position:absolute;
		top:20px;
		left:35px;
	}
	#mainlevel-left ul {
		padding:0px;
		margin:0px;
		list-style:none;
		line-height:26px;
		color:#563f3f;
	}
	#mainlevel-left li {
		padding:0px;
		margin:0px;
		line-height:26px;
		font-weight:bold;
		height:26px;
		display:block;
		color:#563f3f;
		list-style:none;
	}
	
	a.mainlevel-left {
		display:inline;
		height:auto;
		width:82px;
		display:inline;
		padding:0;
		margin:0px 2px;
		color:#563f3f;
		padding-left:19px;
		font-size:12px;
		background:url(./image/menu_2.png) no-repeat left top;
	}
	
	a#active_menu.mainlevel-left {
		font-weight:normal;
	}
	a.mainlevel-left:hover, #mainlevel-left li strong {
		color:#FFF;
		display:inline;
		height:auto;
		width:82px;
		display:inline;
		padding:0px;
		margin:0px 10px;
		padding-left:19px;
		font-size:12px;
		background:url(./image/menu_2_hover.png) no-repeat left top;
	}
	
	/*###################################################################  *7   événements      */
	#mod_evenement {
		font-size:12px;
		width:429px;
		float:left;
		padding:0;
		margin:0;
		display:inline;
		
		
	}
	#mod_evenement h1 {
		background: url(./image/evenement_09.png)top center no-repeat;
		margin:0px;
		font-size:1px;
		color:#fff;
		height:54px;
		line-height:10px;
		text-align:center;
		display:block;
		padding:0px;
		
	}
	#mod_evenement h2 {
		padding:15px 15px 5px 15px;
		margin:0;
		font-size:12px;
		color:#000000;
		
	}
	#mod_evenement h3 {
		padding:0 15px 5px 15px;
		margin:0;
		font-size:12px;
		color:#000;
		font-weight:normal;
		font-style:italic;
		
	}
	#mod_evenement div.inner {
		/*border-bottom:solid 1px #fff;*/
		/*border-right:solid 1px #d6d6d6;
		border-left:solid 1px #d6d6d6;*/
		
	}
	#mod_evenement div.introtext {
		padding:5px 15px 5px 15px;
		text-align:justify;
		color:#000;
		
	}
	#mod_evenement strong {
		color:#d2201d;
		
	}
	#mod_evenement div.introtext img.left{
		margin-right:1em;
		/*border:0;*/
		
	}
	#mod_evenement div.introtext img.right{
		margin-left:1em;
		/*border:0;*/
	}
	#mod_evenement div.introtext img.left {
		float:left;
		
	}
	#mod_evenement div.introtext img.right {
		float:right;
	}
	#mod_evenement div.introtext div.img-center {
		text-align:center;
		
	}
	#mod_evenement p {
		margin-top:0;
		padding-top:0;
		
	}
	#mod_evenement a.film {
		text-align:right;
		display:block;
		padding-right:15px;
		color:#d00;
		font-weight:bold;
		width:auto;
	}
	#mod_evenement div.evenement {
		clear:both;
		margin-bottom:1em;
		border-bottom:#fcaa0d;
		border-bottom-style:solid;
	}
	
	/*###################################################################  *8   ciné jeu      */
	#rightlarge, #right {
		width:304px;
		height:auto;
		float:right;
		color:#000;
		margin:0;
		display:inline;/* IE double margin fix.*/
		overflow:auto;
		background: url(./image/bloc-video_03.png)bottom no-repeat;
		padding-bottom:30px;
		/*margin-top:50px;*/
		border-top:none;
		text-align:center;
		margin-right:7px;
	}
	#rightlarge h1, #right h1 {
		line-height:1px;
		display:block;
		height:31px;
		margin:0;
		font-size:1px;
		font-weight:bold;
		text-align:right;
		background:url(./image/cine-jeux_09.png)top center no-repeat;	
		
	}
	#right {
		width:154px;
		background:#c2bdbd url(./image/cinejeu_bottom.png) bottom no-repeat;
		clear:right;
	
	}
	#right h1 {
		background:url(./image/cine-jeux_09_petit.png) #c2bdbd top right no-repeat;
	}
	/*###################################################################  *9   footer      */
	#footer a, #footer a:visited {
		color:#949494;
	}
	#footer a:hover, #footer a:visited:hover {
		color:#949494;
	}
	#footer {
		text-align:center;
		margin:0;
		padding:0;	
		color:#949494;
		font-style:normal;
		display:block;
		margin-top:15px;
		padding:0px 0px 10px 0px;
		width:910px;
		overflow:hidden;
	}
	#bottommenu {
		padding:0;
		margin:15px 0 0 0;
		text-align:center;
		line-height:16px;
	}
	#bottommenu ul {
		text-align:center;
		width:660px;
	}
	#bottommenu li {
		padding:0;
		margin:0;
		display:inline;
		list-style:none;
		text-align:center;
	}
	#mainlevel-bas {
		margin:0 auto;
		/*width:800px;*/
		padding:0;
	}
	#bottommenu a , #bottommenu strong {
		height:auto;
		width:auto;
		display:-moz-inline-box;
		display:inline-block;
		padding:4px;
		/*margin:4px 6px;
		_margin:2px 3px;*/
		line-height:17px;
	}
	#copyright {
		margin:0 0 0 0;
		padding:1px 0 0 0;
		clear:both;
	}
	#copyright p {
		margin:0;
		padding:0;
		margin-top:4px;
	}
	
	/*###################################################################  *10   maincontent détails      */
	#maincontent {
		color:#949494;
		font-size:12px;
	}
	#maincontent p {
		padding:0 0 1em 0;
		margin:0;
		/*margin-left:10px;*/
		line-height:1.2em;
		/*text-align:justify;*/
	}
	#maincontent strong {
		/*color:#fff;*/
		font-weight:bold;
		/*color:#fff;*/
	}
	#maincontent table {
		/*border:0;*/
		padding:0;
		border-spacing:0;
		color:#949494;
	}
	/*
	#maincontent table.contentpaneopen tr td.contentheading {
		background:url(./image/bg_cadre_h1.png) top center no-repeat;
		text-align:center;
		margin:0;
		font-size:13px;
		color:#000;
		height:28px;
		line-height:28px;
		padding:0px;
	}
	#maincontent table.contentpaneopen tr td {
		padding:1em 1em 1em 1em;
		margin:0;
		border-bottom:solid 1px #dddddd;
	}
	#maincontent table.contentpaneopen {
	
	}*/
	#maincontent h3 {
		/*background:url(./image/bg_cadre_h1_06.png) top right no-repeat;*/
		margin:0px;
		border-bottom:#fcaa0d;
		border-bottom-style:solid;
		width:auto;
		font-size:22px;
		font-weight:bold;
		color:#fcaa0d;
		line-height:28px;
		height:30px;
		text-align:right;
		display:block;
		padding:0px;
		font-weight:normal;
		padding-right:35px;
		
	}
	#maincontent h3.alt {
		background:url(./image/bg_cadre_h1_alt.png) top left no-repeat;
		margin-top:10px;
		color:#444;
	}
	#maincontent h3.sec {
		/*background:url(./image/bg_cadre_h1_sec.png) top left no-repeat;*/
		color:#fcaa0d;
	}
	/*#maincontent h3 a {
		color:#fff;
		font-weight:normal;
	}*/
	#maincontent h3 strong {
		font-weight:bold;
		color:#fff;
	}/*
	#maincontent h3 a:hover {
		background-color:#000;
		color:#fff;
		text-decoration:none;
	}*/
	
	#maincontent-large h3 {
		height:22px;
		font-size:14px;
		color:#fff;
		vertical-align:middle;
		line-height:22px;
		padding:0 0 0 20px;
		display:block;
		clear:both;
		margin:0;
	}
	#maincontent-x-large h3 {
		height:22px;
		font-size:14px;
		color:#fff;
		vertical-align:middle;
		line-height:15px;
		padding:0 0 0 20px;
		margin:0;
	}
	#maincontent-large div.legend {
		background-color:#000000;
		color:#fff;
		margin:0 1px 0 0;
		padding:4px 20px 4px 20px;
		font-size:10px;
		font-weight:bold;
	}
	#maincontent-large div.legend select {
		margin-left:30px;
		font-size:10px;
		width:230px;
	}
	#maincontent h4 {
		font-size:14px;
		font-weight:normal;
		color:#e69100;
		padding:0;
	}
	
	#maincontent strong.hi {
		color:#d1680b;
	}
	#maincontent a.filmba {
		background:url(./image/btright.jpg) top right no-repeat;
		width:107px;
		height:80px;
		text-align:right;
		font-size:10px;
		margin:20px -5px 0 0;
		padding:0 10px 0 0;
		display:block;
		float:right;
		line-height:20px;
		color:#000;
		text-decoration:none;
	}
	#maincontent a.filmba:hover {
		font-weight:bold;
	}
	#maincontent a.btright {
		background:url(./image/btright.jpg) center right no-repeat;
		width:107px;
		height:19px;
		text-align:right;
		font-size:10px;
		margin:50px 0 0 0;
		padding:0 10px 0 0;
		display:block;
		float:right;
		line-height:20px;
		color:#000;
		}
	#maincontent a.filmba img {
		/*border:0;*/
		margin:3px 3px 0 0;
	}
	#maincontent a.btback {	
		background:url(./image/bt_retour.png) center center no-repeat;
		width:78px;
		height:21px;
		font-size:10px;
		color:#fff;
		font-weight:bold;
		display:block;
		text-align:center;
		margin-bottom:6px;
		line-height:19px;
	}
	#maincontent div.photosfilm img {
		margin:0 16px 3px 0;
		/*border:solid 1px #fff;*/
		float:left;
	}
	/*###################################################################  *11   table horaires      */
	table.horaires {
		width:628px;
		background:url(./image/tab_21.png) top left repeat-y;
		height:85px;
	}
	div.tablehoraireout {
		margin-left:34px; /* décalage pour centrer le tableau*/
		
	}
	div.tablehorairein {
		/*background:url(./image/tab_3.png) bottom left no-repeat;*/
		padding:0 0 28px 0;
	}
	table.horaires {
		width:628px;
	}
	table.horaires th {
		height:48px;
		vertical-align:top;
		line-height:30px;
		color:#f5ae6e;
	}
	table.horaires th.col1 {
		width:89px;
	}
	table.horaires th.col2 {
		width:88px;
	} 
	table.horaires th.col3 {
		width:88px;
	} 
	table.horaires th.col4 {
		width:88px;
	}
	table.horaires th.col5 {
		width:88px;
	}
	table.horaires th.col6 {
		width:88px;
	}
	table.horaires th.col7 {
		width:98px;
	}
	table.horaires td {
		color:#000;
		font-size:11px;
		line-height:14px;
		text-align:center;
	}
	table.horaires td.today , table.horaires th.today  {
		
		color:#d2201d;
		font-weight:bold;
	}
	table.horaires th.today {
		color:#d2201d;
	}
	/*###################################################################  *12   fiche films et fiches horaires (ne pas toucher)      */
	div.fichefilm-mini {
		padding-left:115px;
		color:#000;
	}
	div.fichefilm-mini-block-impair {
		margin-right:8px;
		margin-left:0px;
	}
	div.fichefilm-mini-block {
		width:340px;
		height:160px;
		float:left;
		display:inline;
	}
	div.fichefilm-mini-block img.vignette {
		float:left;
		margin:0 6px 0 0;
		/*border:solid 1px #fff;*/
	}
	div.fichefilm-mini h4 {
		height:60px;
		margin:0;
		padding:0;
		vertical-align:top;
	}
	div.fichefilm-mini a.bt-film {
		background:url(./image/bt_infos_horaires.png) center center no-repeat;
		width:118px;
		height:21px;
		font-size:10px;
		color:#fff;
		display:block;
		text-align:center;
		line-height:21px;
		font-weight:normal;
	}
	div.fichefilm-mini a.bt-film-small {
		background:url(./image/bt_infos.png) center center no-repeat;
		width:58px;
		height:21px;
		font-size:10px;
		color:#fff;
		display:block;
		text-align:center;
		line-height:21px;
		font-weight:normal;
	}
	div.fichefilm-small {
		height:145px;
		padding-right:1em;
		color:#000;
	}
	div.fichefilm-small h4 {
		height:2em;
		margin:0;
	}
	div.fichefilm-small img.vignette {
		float:left;
		margin:0 10px 10px 0;
		/*border:solid 1px #fff;*/
	}
	div.fichefilm-full img.vignette {
		width:155px;
		height:221px;
		float:left;
		margin:0 10px 10px 0;
		/*border:solid 1px #fff;*/
	}
	div.mini-film img.vignette {
		width:110px;
		height:145px;
		float:left;
		margin:10px 8px 0 0;
		/*border:solid 1px #fff;*/
	}
	#maincontent div.fichefilm-full h4 {
		margin:12px 0 8px 0;
		clear:left;
	}
	#maincontent div.fichefilm-full {
		line-height:12px;
		padding:12px;
		margin:0;
		color:#000;
	}
	#maincontent div.fichefilm-full p, #maincontent div.fichefilm-small p, #maincontent div.fichefilm-mini p {
		color:#000;
		font-size:11px;
	}
	#maincontent div.fichefilm-small p {
		font-size:10px;
	}
	#maincontent div.fichefilm-full strong, #maincontent div.fichefilm-small strong {
		color:#d2201d;
	}
	div.film-horaires {
		line-height:12px;
		padding:12px;
		margin:0;
		color:#ff7e00;
	}
	div.fichefilm-horaire  {
		line-height:12px;
		padding:12px;
		margin:0;
	}
	div.horaires {
		margin:8px 0 15px 0;
	}
	div.horaires p, div.tablehoraireout p {
		color:#000000;
		font-weight:bold;
		background:#fff;
	}
	div.bt-sem-pro, div.bt-sem-der {
		text-align:center;
		font-size:12px;
		font-weight:bold;
		display:block;
		background:url(./image/bg_sem_pro.png) center top no-repeat;
		padding:4px;
	}
	
	div.cadre-out {
		/*background-color:#fff;*/
		padding:0;
		margin:0;
		
	}
	
	/* Encadrement central des pages */
	div.cadre-in {
		padding-top:20px;
		margin-top:0;
		color:#000;
	}
	
	
	/*###################################################################  *14   sous-menus d'une page      */
	#sous_menu {}
	#sous_menu a, #sous_menu strong {
		width:255px;
		_width:240px;
		height:30px;
		display:block;
		float:left; 
		font-size:18px;
		text-align:left;
		line-height:30px;
		padding-left:15px;
		color:#000;
		margin-left:15px;
	}
	#sous_menu a, #sous_menu a:visited {
		color:#c00;
	}
	#sous_menu a:hover, #sous_menu a:visited:hover {
		color:#999;
	}
	
	#titre_cinema {
		display:none;
	}
	#titre_cinema h1 {
		font-size:11px;
		color:#000;
		font-weight:normal;
		text-align:right;
	}
	/* style des blocs autour des pubs */
	.pub_space {
		height:3px;
		width:100%;
		display:block;
		padding:0;
		margin:0;
		overflow:hidden;
	}
	
	
	
	
	/*###################################################################  *16   bloc contact      */
	#mod_contact {
		margin-left:15px;
		float:left;
	}
	#mod_contact p {
		text-align:justify;
	}
	#mod_contact form {
		margin:0;
		padding:0;
		width:500px;
		float:left;
	}
	#mod_contact label {
		display:block;
		font-weight:bold;
		font-size:13px;
		color:#e69100;
		margin-top:18px;
	}
	.inp_contact {
		width:226px;
		height:22px;
	}
	#mod_contact input {
		border:solid 1px #999;
	}
	#mod_contact textarea {
		border:solid 1px #999;
		width:396px;
		height:136px;
	}
	#left-block-contact {
		display:block;
		float:left;
		width:290px;
		height:auto;
		text-align:left;
	}
	#right-block-contact {
		display:block;
		float:left;
		width:400px;
		height:auto;
		text-align:left;
	}
	#bt-submit-contact {
		clear:left;
		padding-top:15px;
	}
	/*###################################################################  *17   page newsletter      */
	#newsletter-abo {
		margin-left:15px;
		float:left;
	}
	#newsletter-abo  select {
		font-size:90%;
	}
	#newsletter-abo form {
		margin:0;
		padding:0;
		width:500px;
		float:left;
	}
	#newsletter-abo label {
		display:block;
		font-weight:bold;
		font-size:13px;
		color:#fcaa0d;
		margin-top:18px;
	}
	#newsletter-abo input {
		border:solid 1px #999;
	}
	#newsletter-abo #valid {
		margin-top:15px;
		margin-bottom:15px;
	}
	#newsletter-abo #civ {
		width:100px;
		float:left;
	}
	#newsletter-abo #nom {
		width:200px;
		float:left;
	}
	#newsletter-abo #nom input {
		width:150px;
	}
	#newsletter-abo #prenom {
		width:200px;
		float:left;
	}
	#newsletter-abo #prenom input {
		width:150px;
	}
	#newsletter-abo #adresse {
		clear:left;
		border-top:solid 6px #fff;
	}
	#newsletter-abo #adresse input {
		width:450px;
		margin-bottom:1px;
	}
	#newsletter-abo #codepostal {
		width:100px;
		float:left;
	}
	#newsletter-abo #codepostal input {
		width:86px;
	}
	#newsletter-abo #ville input {
		width:350px;
	}
	#newsletter-abo #email input {
		width:350px;
	}
	#newsletter-abo #mobil{
		width:200px;
		float:left;
	}
	#newsletter-abo #genre_film label {
		font-weight:normal;
		font-size:100%;
		color:#e69100;
		margin-top:0;
		width:150px;
		float:left;
	}
	#newsletter-abo #genre_film fieldset {
		margin-bottom:12px;
	}
	#newsletter-abo #genre_film legend {
		font-weight:bold;
		font-size:13px;
		color:#e69100;
	}
	#newsletter-abo #genre_film input {
		vertical-align:middle;
	}
	#newsletter-abo #offres_cinema , #newsletter-abo #offres_part , #newsletter-abo #offres_sms {
		margin-bottom:12px;
	}
	#newsletter-abo #offres_cinema label, #newsletter-abo #offres_part label, #newsletter-abo #offres_sms label {
		display:inline;
	}
	#newsletter-abo  .msg {
		font-weight:bold;
		font-size:13px;
		/*border-left:solid 2px #c00;*/
		padding-left:6px;
	}
	/*###################################################################  *18   divers      */
	#pub_header_contenu {
		display:block;
		width:980px;
		margin:0px auto 3px auto;
		position:relative;
	}
	/* Commentaire public de film */
	div.fichefilm-small div.comment , div.fichefilm-full div.comment {
		float:right;
		font-weight:bold;
	}
	div.fichefilm-small div.comment img , div.fichefilm-full div.comment img {
		vertical-align:top; 
	}
	/* bouton horaires de la semaines prochaine */
	div.bt-sem-pro, div.bt-sem-der {
		text-align:center;
		font-size:13px;
		font-weight:bold;
	}