/* ################### 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;
}
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;}
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;
}

/*###################################################################     Warnings & notices      */
span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	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: 0;
	padding: 0;
	background:#210604 url(./image/bg_grad_masthead.png) repeat-x top;
}

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:980px;
	margin:0px auto 0 auto;
	padding:0;
	position:relative;
	background:#210604 url(./image/bg_grad_masthead.png) repeat-x top;
}
#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.png) top left no-repeat;
	display:block;
	position:relative;
	width:980px;
	height:140px;
	margin:0px;
	top:0px;
}
#logo {
	display:inline;
	margin:0;
	top:2px;
	left:135px;
	position:absolute;
	width: 450px;
	height: 91px;
}
#logo img {
	vertical-align:middle;
	border:0;
	width: 450px;
	height: 91px;
}
#ban_big {
	clear:both;
	text-align:center;
	margin:0px auto;
	height:auto;
	padding-bottom:0px;
	padding-top:3px;
}
	/*###################################################################  *1.1   maincontent global      */
#maincontent {
	font-size:12px;
	width:665px;
	float:left;
	padding:0;
	margin:3px 0 0 7px;
	display:inline;
	color:#fff;
}
#maincontent-large {
	width:665px;
	float:left;
	padding:0;
	margin-left:7px;
	display: inline; /*IE double margin fix.*/
	color:#fff;
}
#maincontent-x-large {
	width:665px;
	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;
}
a.selected {
	font-weight:bold;
}
a#active_menu.mainlevel {
	font-weight: bold;
}
#top {
	width:980px;
	text-align:center;
	height: 37px;
	display:block;
	margin:0px;
	position:absolute;
	top:98px;
	left:0px;
}
#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;
	padding-right:2px;
	border-right:solid 2px #d64c27;
}
#top a , #top a:visited , #top strong {
	height:auto;
	width:auto;
	display: -moz-inline-box;
	display:inline-block;
	padding:14px 8px;
	margin:0px 5px;
	color:#5a231a;
	font-weight:bold;
}
#top a:hover , #top a:visited:hover  {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:#5a231a;
}
#top strong {
	color:#fff;
	font-weight:bold;
	background:#5a231a;
}
a.sublevel {
	line-height: 20px;
}
#top li.entreprises{
	border-right:0px;}


/*###################################################################  *3   Bloc sorties de la semaine      */
#mod_ccweb_affiches {
	background:url(./image/bg_panel_affiches.png) top left no-repeat;
	width:670px;
	height:257px;
	color:#000;
	float:left;
	margin:0;
	display: inline;/* IE double margin fix.*/
	margin-left:2px;
	margin-bottom:5px;
	text-align:right;
	position:relative;
}
#mod_ccweb_affiches h1 {
	font-size:0px;
	color:#a72e24;
	margin:0;
	padding:0;
	line-height:20px;
	display:block;
	font-size:1px;
	float:left;
	width:560px;
	padding-right:30px;
	height:20px;
	
}
#mod_ccweb_affiches a img {
border:none;
}
#mod_ccweb_affiches  div.lastlink {
	text-align:right;
	position:absolute;
	top:14px;
	left:535px;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
div.lastlink a {
	color:#fff;
}
div.lastlink a:hover, div.lastlink a:visited:hover,  {
	color:#ffb301;
}
.affiche_hebdo {
	float:left;
	width:115px;
	height:auto;
	display:inline; /* IE double margin fix*/
	margin-left:15px;
	margin-top:30px;
	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      */
#barre_search_nl {
	width:970px;
	height:120px;
	margin:5px 5px 5px 5px;
	padding:0;
	display:block;
	position:relative;
}
#bloc_fid {
	text-align:left;
	padding:0px 0 0 0;
	margin-left:1px;
	float:left;
	width:187px;
	height:90px;
}
#bloc_fid li {
	padding:0;
	margin:0 20px 5px 10px;
	float:left;
	width:auto;
	height:auto;
	display:inline;/*IE double margin fix*/
	list-style:none;
	font-weight:bold;
}
#mod_ccweb_recherche {
	background:url(image/search.png) top left no-repeat;
	display:block;
	position:relative;
	height:120px;
	width:511px;
	float:left;
	margin:0 0px 0 0;
}
#mod_ccweb_recherche input {
	font-size:11px;
}
#mod_ccweb_recherche h1,
#mod_ccweb_recherche h2,
#barre_search_nl h3{ display:none;}

#mod_ccweb_recherche h3 {}
#mod_ccweb_recherche div.soustitre {display:none;} 

#mod_ccweb_recherche div.left2 {
	position:absolute;
	top:35px;
	left:120px;
}
#mod_ccweb_recherche div.left2 h3 {
}
#mod_ccweb_recherche div.left2  select {
	position:absolute;
	width:220px;
	top:4px;
}
#mod_ccweb_recherche input[type=submit], 
#mod_subscribe input[type=submit] {
	background:url(./image/bt_ok.png) top center no-repeat;
	font-size:12px;
	border:none;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	font-family:Helvetica, "Century Gothic", Arial, sans-serif;
	font-weight:bold;
	width:40px;
	vertical-align:top;
	height:33px;
	line-height:18px;
	display:block;
}
#mod_ccweb_recherche input[type=submit]:hover, 
#mod_subscribe input[type=submit]:hover {
	color:#b20513;
	cursor:pointer;
}
#mod_ccweb_recherche .left2 input[type=submit] {
	position:absolute;
	left: 230px;
	top: 0px;
}
#mod_ccweb_recherche .left3 input[type=submit] {
	position:absolute;
	left: 70px;
	top: 5px;
}
.left3 {
	position:absolute;
	top:79px;
	left:125px;
	width:300px;
	height:40px;
	display:block;
	font-size:11px;
	color:#FFF;
}

.left3 h3 { margin:0; padding:0; display:none;}

.left3  span  { display:inline; position:relative; padding:0;}
.left3  span label.day { margin:0;}
.left3  span input[type=radio]{ margin:0; padding:0; display:inline;}

.heure { position:relative; left:250px; top:-28px; height:20px; display:block; width:140px; }
.heure label { position:absolute; left:0px; width:70px; top:2px; }
.heure select { position:absolute; left:5px; top:20px;  font-size:12px; }
.heure input { position:absolute; left:0px; top:5px; font-size:11px; }

/*###################################################################  *5   newsletter      */
#mod_subscribe 	{
	width:269px; /*<<< normal width, avec bloc fid activé*/
	font-size:11px;
	color:#fff;
	display:block;
	text-align:left;
	margin:0 2px 0 0;
	/*margin:0;  désactiver cette ligne quand la fid arrive*/
	float:left;
	height:120px;
	background:url(image/nl_search.png) top left no-repeat;
}
#mod_subscribe p {
	color:#fff;
	width:197px;
	margin:39px 5px 0 30px;
	padding:0;
}
#mod_subscribe form {
	margin:0px;
	padding:0px;
	display:inline; /* ie 6 double margin fix*/
}
#mod_subscribe #lm_email {
	width:180px;
	/*width:260px;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #4c4c4c;
	margin:8px auto auto 30px;
	float:left;
}
#mod_subscribe #lm_email:focus { border:solid 1px #cd0039;}
#mod_subscribe input[type=submit] {
	position:relative;
	float:left;
	margin-left:215px;
	top:-32px;
}

/*###################################################################  *6   menu annexe      */
#mainlevel-left {
	margin:0;
	width:131px;
	height:117px;
	text-align:left;
	padding:0;
	position:absolute;
	top:10px;
	left:418px;
	display:none;
}
#mainlevel-left ul {
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:26px;
	color:#fff;
}
#mainlevel-left li {
	padding:0px;
	margin:0px;
	line-height:26px;
	font-weight:bold;
	height:26px;
	display:block;
	color:#fff;
	list-style:none;
}

a.mainlevel-left {
	display:inline;
	height:auto;
	width:82px;
	display:inline;
	padding:0;
	margin:0px 2px;
	color:#fff;
	padding-left:12px;
	font-size:13px;
	background:url(./image/menu_2_puce.png) no-repeat left top;
}

a#active_menu.mainlevel-left {
	font-weight:normal;
}
a.mainlevel-left:hover, #mainlevel-left li strong {
	color:#fdc600;
	display:inline;
	height:auto;
	width:82px;
	display:inline;
	padding:0;
	margin:0px 2px;
	padding-left:12px;
	font-size:13px;
	background:url(./image/menu_2_puce.png) no-repeat left top;
}

/*###################################################################  *7   événements      */
#mod_evenement {
	font-size:12px;
	width:665px;
	float:left;
	padding:0;
	margin:0;
	margin-left:7px;
	display:inline;
	background:url(./image/event_bottom.png) no-repeat bottom;
}
#mod_evenement h1 {
	background:url(./image/event_h1.png) top left no-repeat;
	margin:0px;
	font-size:13px;
	color:#a18e82;
	height:41px;
	line-height:37px;
	text-align:right;
	display:block;
	padding:0px;
}
/*#mod_evenement h2 {
	background-color:#FFF;
	padding:15px 15px 5px 15px;
	margin:0;
	font-size:12px;
	color:#bd2c16;
}*/
#mod_evenement h2 { padding:5px; margin:0px 10px 0 10px; color:#fff; font-size:15px; background:#bd2c16; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; clear:both; }
#mod_evenement h3 {
	background-color:#FFF;
	padding:0 15px 5px 15px;
	margin:0;
	font-size:12px;
	color:#ff4e00;
	font-weight:normal;
	font-style:italic;
}
#mod_evenement div.inner {
	
	background-color:#FFF;/*
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;*/
}
#mod_evenement div.introtext {
	padding:5px 15px 5px 15px;
	text-align:justify;
	color:#000;
}
#mod_evenement strong {
	/*color:#bd2c16;*/
}
#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:#fff;
	font-weight:bold; 
	background:#a18e82;
	width:auto;
}
#mod_evenement div.evenement {
	clear:both;
	margin-bottom:1em;
}

/*###################################################################  *8   ciné jeu      */
#rightlarge, #right {
	width:300px;
	height:auto;
	float:right;
	color:#fff;
	margin:0;
	display:inline;/* IE double margin fix.*/
	overflow:auto;
	background:#e56529 url(./image/cinejeu_large_bottom.png) bottom no-repeat;
	padding-bottom:30px;
	border-top:none;
margin-top:5px;
margin-right:5px;
}
#rightlarge h1, #right h1 {
	line-height:28px;
	display:block;
	height:38px;
	margin:0;
	font-size:1px;
	font-weight:bold;
	text-align:right;
	color:#e56529;	
	background:url(./image/cinejeu_large_h1.png) top center no-repeat;
	display:block;
}
#right {
	width:300px;
}
#right h1 {
}
#rightlarge a, #right a { color:#000; }
/*###################################################################  *9   footer      */
#footer a, #footer a:visited {
	color:#e56529;
}
#footer a:hover, #footer a:visited:hover {
	color:#fff;
}
#footer {
	text-align:center;
	margin:0;
	padding:0;	
	color:#fff;
	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:#fff;
	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:#fff;
}
/*
#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.png) top left no-repeat;
	margin:0px;
	font-size:17px;
	color:#fff;
	line-height:40px;
	line-height:40px;
	text-align:left;
	display:block;
	padding:0px;
	font-weight:normal;
	padding-left:35px;
}
#maincontent h3.alt {
	background:url(./image/bg_cadre_h1_alt.png) top left no-repeat;
	margin-top:10px;
	color:#fff;
}
#maincontent h3.sec {
	background:url(./image/bg_cadre_h1_sec.png) top left no-repeat;
	color:#fff;
}
/*#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 {
	background:url(./image/h3_general.png) top center no-repeat;
	height:41px;
	font-size:15px;
	vertical-align:middle;
	line-height:42px;
	padding:0 0 0 20px;
	display:block;
	clear:both;
	margin:0;
}

h3#sorties-semaine {
	background:url(./image/h3_sorties_de_la_semaine.png) top center no-repeat;
	color:#a72e24;
	font-size:1px;
	text-align:center;
	
}

h3#films-tjrs  {
	background:url(./image/h3_les_films_toujours_a_laffiche.png) top center no-repeat;
	color:#a18e82;
	font-size:1px;
	text-align:center;
	
}

/*#maincontent-large #horaires {background:#fff url(./image/horaires.png) no-repeat;}*/

h3#horaires {
	color:#a72e24;
	text-align:center;
	background:url(./image/horaires.png) top center no-repeat;
}

h3#prochainement {
	background:url(./image/prochainement.png) top center no-repeat;
	color:#e56529;
	font-size:1px;
	text-align:center;
	
}
	
#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 a{color:#ff4e00;}*/
#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:#ff4e00;
	padding:0;
}
#maincontent-large h4 {
	font-size:14px;
	font-weight:normal;
	color:#ff4e00;
	padding:0;
}

#maincontent strong.hi, #maincontent-large strong.hi {
	color:#bd2c16;
}
#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 {
	background:url(./image/hauttab.jpg) top center no-repeat;
	width:519px;
	height:114px;
	text-align:center;
	margin:10px;
	border-spacing:0;
}
*/table.horaires {
	font-size:12px;
	width:528px;
	/*background:url(./image/tab_2.jpg) top left repeat-y;*/
	height:85px;
}
div.tablehoraireout {
	background:url(./image/tab_21.png) top left no-repeat;
	padding:11px 0 0 0;
	margin:0px auto 0 auto;
	width:528px;
}
div.tablehorairein {
	background:url(./image/tab_3.png) bottom left no-repeat;
	padding:0 0 28px 0;
}
/*
table.horaires .col1 , table.horaires .col3, table.horaires .col5, table.horaires .col7  {
 background-color:#cccccc;
}
table.horaires .col2, table.horaires .col4, table.horaires .col6  {
 background-color:#999999;
}
*/
table.horaires {
	width:528px;
}
table.horaires th {
	height:24px;
	vertical-align:top;
	padding-bottom:3px;
	color:#fff;
}
table.horaires th.col1 {
	width:78px;
}
table.horaires th.col2 {
	width:74px;
} 
table.horaires th.col3 {
	width:74px;
} 
table.horaires th.col4 {
	width:74px;
}
table.horaires th.col5 {
	width:74px;
}
table.horaires th.col6 {
	width:74px;
}
table.horaires th.col7 {
	width:80px;
}
table.horaires td {
	color:#6f5c50;
	line-height:14px;
	font-size:10px;
	text-align:center;
}
table.horaires td.today , table.horaires th.today  {
	/*background:#4163d5;*/
	color:#b70e00;
	font-weight:bold;
}
table.horaires tr td em,table.horaires tr th em {
	font-weight:normal;
	color:#bb9b87;
}

/* Prochainement */

/*###################################################################  *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:310px;
	height:170px;
	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-small, 
div.fichefilm-mini a.bt-film-small:visited {	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#e69100;
	height:21px;
	color:#fff; 
}
div.fichefilm-mini a.bt-film-small:hover, 
div.fichefilm-mini a.bt-film-small:visited:hover {background:#b20513; text-decoration:none;}

div.fichefilm-small {
	height:145px;
	padding-right:1em;
	color:#000;
}
div.fichefilm-small strong {
	color:#a72e24;}
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-large div.fichefilm-full h4 {
	margin:12px 0 8px 0;
	clear:left;
}
#maincontent-large div.fichefilm-full {
	line-height:12px;
	/*border-left:solid 1px #fff;
	border-right:solid 1px #fff;*/
	padding:12px;
	margin:0;
	color:#000;
	background:#fff;
}
#maincontent-large div.fichefilm-full p, #maincontent-large div.fichefilm-small p, #maincontent-large div.fichefilm-mini p {
	color:#000;
	font-size:10px;
}
#maincontent-large div.fichefilm-small p {
	font-size:10px;
}
#maincontent-large div.fichefilm-full strong, #maincontent-large div.fichefilm-small strong {
	color:#bd2c16;
}

div.film-horaires {
	line-height:12px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:12px;
	margin:0;
	background:#fff;
	color:#ff7e00;
}
#maincontent-large div.fichefilm-horaire  {
	line-height:12px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:12px;
	margin:0;
	background:#fff;
}
div.horaires {
	margin:8px 0 15px 0;
}
div.horaires h4{
	color:#FFF;
}
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;
	padding:4px;
	margin-top:5px;
}

div.cadre-out {
	background-color:#fff;
	padding:0;
	margin:0;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	-webkit-border-radius: 0 0 15px 15px; 
	-moz-border-radius: 0 0 15px 15px; 
	border-radius: 0 0 15px 15px;
}

/* Encadrement central des pages */
div.cadre-in {
	padding:12px;
	margin:0;
	/*border-bottom:1px solid #696969;*/
	color:#000;
}
div.cadre-in a{color:#ff7e00}

/*###################################################################  *13   Styles disponibles dans l'éditeur de page FCK      */
div.cadre {
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	padding:12px;
	font-size:12px;
	margin:0;
	background:#fff;
	color:#000;
}
div.cadre strong {
	/*color:#ff4e00;*/
}
div.cadre p {
	color:#000;
}
img.marge {
	margin:1em;
}

img.marge_gauche {
	margin:1em 0 1em 1em;
}

img.marge_droite {
	margin:1em 1em 1em 0;
}
/*###################################################################  *14   sous-menus d'une page      */
#sous_menu {
		padding-top:50px;
		 -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;
		}
#sous_menu a, #sous_menu strong {
	width:275px;
	/*_width:240px;*/
	height:30px;
/*	display:block;*/
    float:left;
	font-size:14px;
	text-align:left;
	font-weight:bold;
/*	line-height:30px;*/
	padding-left:40px;
	color:#d72414;
	margin-left:15px;
	background:url(./image/etoile_select.png) no-repeat left top;
}
#sous_menu a, #sous_menu a:visited {
	color:#d72414;
	background:url(./image/etoile_normale.png) no-repeat left top;
}
#sous_menu a:hover, #sous_menu a:visited:hover {
	color:#5a231a;
	background:url(./image/etoile_select.png) no-repeat left top;
}

.evenem {
	min-height:100px;
	background:#FFF url(./image/type_evenements.png) top left no-repeat;
	padding-top:30px;
	}
	
.infosprat {
	min-height:70px;
	background:#FFF url(./image/infosprat.png) top left no-repeat;
	padding-top:30px;
	}
	
.op-conc {
	min-height:70px;
	background:#FFF url(./image/operas.png) top left no-repeat;
	padding-top:30px;
	}
#sous_menu.infosprat a, #sous_menu.infosprat strong {	
height:40px;}

.entrep {
	min-height:100px;
	background:#FFF url(./image/entreprises.png) top left no-repeat;
	padding-top:30px;
	}


#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;
}



/*###################################################################  *15   bloc recrutement      */
#mod_recrute {
	margin-left:15px;
	float:left;
}
#mod_recrute p {
	text-align:justify;
}
#mod_recrute form {
	margin:0;
	padding:0;
	width:500px;
	float:left;
}
#mod_recrute label {
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#1968ab;
	margin-top:18px;
}
.inp_recrut {
	width:226px;
	height:22px;
}
#mod_recrute input {
	border:solid 1px #999;
}
#mod_recrute textarea {
	border:solid 1px #999;
	width:396px;
	height:136px;
}
#left-block-recrut {
	display:block;
	float:left;
	width:290px;
	height:auto;
	text-align:left;
}
#right-block-recrut {
	display:block;
	float:left;
	width:400px;
	height:auto;
	text-align:left;
}
#bt-submit-recrut {
	clear:left;
	padding-top:15px;
}
/*###################################################################  *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:#fff;
	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:#ff4e00;
	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:#fff;
	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:#bd2c16;
}
#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      */
#btn_afcae {
	position:absolute;
	top:-64px;
	left:610px;
	width:70px;
	height:52px;
	font-size:9px;
	line-height:10px;
}
#pub_header_contenu {
	display:block;
	width:980px;
	margin:0px auto 3px auto;
	position:relative;
}
#btn_montereau {
	position:absolute;
	left:861px;
	top:122px;
}
/* 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;
}
/*    Bouton pour redirection vers site entreprise pro      */
#bouton_pro {
	left:697px;
	top:98px;
	width:157px;
	height:44px;
	position:absolute;
	z-index:200;
}
/* picto cinékids*/
div.fichefilm-full {overflow:visible;}

.comment {display:block; width:135px; height:auto; margin:0; padding:0; float:right;}
.newcomment {display:block;height:auto; width:380px; margin-left:160px; }
.newcomment, .comment { }
.fichefilm-small,
.fichefilm-full {position:relative;}
.fichefilm-full a{color:#ff4e00;}

div.col-droite { float:right; width:135px;}
div.fichefilm-small p { white-space:normal; width:270px; display: block; float:left;}

.comment img.picto_cinekids {position: absolute; top:110px; left:-20px; z-index:9001; /* IT'S OVER NINE THOUSAAAAAAAAAAAND !!1!!!eleven!! */}
.newcomment img.picto_cinekids {position: absolute; top:180px; left:-20px; z-index:9001; /* IT'S OVER NINE THOUSAAAAAAAAAAAND !!1!!!eleven!! */  }

.comment img.picto_coup_de_coeur {position: absolute; top:110px; left:42px; z-index:9001; /* IT'S OVER NINE THOUSAAAAAAAAAAAND !!1!!!eleven!! */}
.newcomment img.picto_coup_de_coeur {position: absolute; top:180px; left:42px; z-index:9001; /* IT'S OVER NINE THOUSAAAAAAAAAAAND !!1!!!eleven!! */  }
div.col, a.ba, a.filmba { z-index:3000;}

#lien_logo_capitolecentre {
	position:absolute;
	top:370px;
	}
	
/*Couleurs pour le body de la page du player_v2*/
#maincontent_v2 h3{
	padding:10px;}
	
#maincontent_v2 h4{
	color:#000;}


#ban_video2 { display:none;}

.video #header {
	height:98px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.video #barre_search_nl {
	display:none;
}

.video #top {
	display:none;
	}

.video #ban_video2 {
	position:absolute;
	left:125px;
}

.video h3 {color:#000;}

.fichefilm-small a:hover{color:#bd2c16; font-weight:bold;}

.info_film {color:#000;}

/*couleurs des liens autres vidéos*/

.fichefilm-video a:focus { background:#308bbd;}
.fichefilm-video a img { background:#000;}
.fichefilm-video a span { color:#882723; font-size:14px; margin:10px; width:115px; }

.fichefilm-video a img { padding:2px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.fichefilm-video a.sel img { background:#882723; font-weight:bold;}

.video #masthead{
	color:#000;
	background:#fff;}

.video #rightlarge, #right {
	background:#e56529;
}

.video #copyright {
	color:#000}
	
#icons_top_right { position:absolute; top:2px; left:940px; z-index:2000;}
.resa-link-home {display:none;}