/*------------------------------------
 général
------------------------------------*/
body { 
	background:#000 url(/image/scarabee.png) right 250px no-repeat;
	background-size:8%;
	color:#fff;
	font-family: Arial, helvetica, sans-serif;
	font-weight:300;
	font-size:13px;
}
strong { font-weight:700; }

a { text-decoration: none; color:#3d79bd; font-weight:400; }
a:hover { text-decoration: underline; color:#000; }

h1, h2, h3, h5, h5, h6 { padding:0.5em; font-weight:400; }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:17px; }
h4 { font-size:15px; }

/*éléments de form génériques*/
input[type=text],
textarea {
	border:solid 1px #747474;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	padding:0.5em;
	font-size:13px;
	font-family: Arial, helvetica, sans-serif;
}
input[type=text]:focus,
textarea {
	border-color:#3d79bd;
	background:#fff;
}
input[type=submit] {
	color:#fff;
	border:none;
	padding:0.5em;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	background: #81a5b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #81a5b4 0%, #3c4d54 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81a5b4), color-stop(100%,#3c4d54)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #81a5b4 0%,#3c4d54 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #81a5b4 0%,#3c4d54 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #81a5b4 0%,#3c4d54 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #81a5b4 0%,#3c4d54 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81a5b4', endColorstr='#3c4d54',GradientType=0 ); /* IE6-9 */
}
input[type=submit]:hover {
	background: #3c4d54; 
	filter: progid:DXImageTransform.Microsoft.gradient( enabled=false);
}

#maincontent h3,
#maincontent-large h3,
#maincontent-x-large h3,
#maincontent_v2 h3,
#mod_ccweb_affiches h1,
#mod_evenement h1 { background:#941a2f; color:#fff; font-size:17px; text-transform:uppercase; }

td {font-family: Arial, helvetica, sans-serif;}

/* on met une marge top sur tous les h3 sauf le premier de la page */
#maincontent-large h3 { margin-top:0.5em; }
#maincontent-large h3:first-child { margin-top:0; }

/*------------------------------------
 Gestion des différents blocs/pages
------------------------------------*/
#masthead { width:980px; position:relative; margin:0 auto; color:#fff; }
#logo { padding:30px 0 0 5px; }
#maincontent,
#maincontent-large,
#maincontent-x-large,
#mod_evenement { width:660px; float:left;  color:#000; }

/*les blocs de contenu qui doivent avoir un background*/
#newsletter-abo,
#mod_contact,
div.cadre-out,
.cadre,
.form_contact {
	background:#fff;
}

div.cadre, 
div.cadre p, 
div.cadre div { 
	margin:0;
	color:#000;
	position:relative;
	font-size:13px;
}
.inner,
.cadre-out { padding:0.5em; }

div.cadre strong {  }
div.cadre p { color:#000; }

/* images d'évènement plus petites */
.page_event center .event_img {
	max-width: 80%!important;
	height: auto;
	border:0!important;
	margin-top: 10px;
}

/*------------------------------------
 contact, formulaires...
------------------------------------*/
/* global */
.form_perso,
.form_contact,
.cont_champ,
.anti-spam {
	position:relative;
	clear:both;
	display:block;
}
/* labels et inputs */
.inp_contact { height:auto; }
.form_contact label {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000;
	display:block;
	margin:12px 0 3px 0;
	font-size:16px;
}
.form_contact input[type=text],
.form_contact textarea { width:100%; box-sizing:border-box; }
.form_contact textarea { height:130px; }
.form_contact input[type=radio] { margin-right:5px; }
.inp_contact { margin-left:0; }
/* format particulier pour les labels radios et checkboxes */
.form_contact label.label_radio,
.form_contact label.label_chck {
	display:inline-block;
	margin:0 30px 7px 0;
	cursor:pointer;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13px;
}
.form_contact label.label_chck {
	display:block;
}
.form_valid { text-align:center;}
.form_contact input[type=submit] {
	margin:1em auto;
	padding:.5em 1.75em;
}

/* gestion des succès/erreurs du form */
.form_contact .error,
.form_contact .succes {
	background:url(/shared/img/form_sprite@2x.png) 0 0 no-repeat;
	background : url(/shared/img/form_sprite.png) 0 0 no-repeat\9; /* IE8 et versions inférieures (car ne gère pas le background size) */
	*background : url(/shared/img/form_sprite.png) 0 0 no-repeat; /* IE7 et versions inférieures */

	background-size:73px 31px; /* non géré par IE8 et inférieurs -- la size est définie par la taille du sprite, qu'on divise par 2 */
}
.form_contact .error { background-position:-4px -1px; }
.form_contact .succes { background-position:-44px -1px; }

.form_contact .msg {
	font-weight:bold;
	font-size:13px;
	border:solid 2px #c00;
	background:#ecd2d2;
	color:#c00;
	padding:.6em;
	margin:0 1em;
}
.form_contact .msg.msg_good { border-color:#6bb111; background:#e3f1d1; color:#456f0e; }

.form_contact .inp_error { border:solid 1px #f34b4b!important;}
.form_contact .inp_error { border:solid 1px #f34b4b!important;}
.form_contact .inp_succes { border:solid 1px #6bb111!important;}

.form_contact .error,
.form_contact .succes {
	position:absolute;
	top:21px;
	right:7px;
	height:30px;
	width:25px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:visible;
}
.form_contact .error .msg_erreur { display:inline-block; position:absolute; top:-0.5em; right:40px; height:auto; min-height:2em; padding:0.5em; background:#f34b4b; color:#fff; width:150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:none;}
.form_contact .error:hover .msg_erreur { display:block; }

/* .anti-spam { float:left; width:60%; padding:0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */
.anti-spam input[type=text] { float:none; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form_contact .anti-spam .error,
.form_contact .anti-spam .succes { top:50px; }

.form_perso { padding:20px; }

.form_perso .infos_paiement { text-align:left; padding:10px 0 10px; text-align:center; color:#c00; font-size:20px; font-weight:bold; }
.form_perso .required_fields { text-align:left; padding:10px 0 30px; }


/*------------------------------------
 header
------------------------------------*/
#social-head {
	position:absolute; 
	top:0;
	right:5px;
	width:120px;
	height:36px;
	text-align:right;
}
#social-head a {
	background:url(./image/social_sprite.png) 0 0 no-repeat;
	width:36px;
	height:36px;
	display:inline-block;
	vertical-align:top;
}
#social-head a.twitter {  }
#social-head a.facebook { background-position:-40px 0; }
#social-head a.rss { background-position:-80px 0; }

/* phrase sur étab paris */
.etab_paris {
	margin:-1em 0 1em 0;
	text-align:right;
	padding-right:1em;
	font-size:12px;
	display:none;
}

/*------------------------------------
 *2 le menu
------------------------------------*/
#menu { 
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:0;
	margin:0 0 0.5em 0;
	
	border:solid 1px #aa2333;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	background: #be525f; /* Old browsers */
	background: -moz-linear-gradient(top,  #be525f 0%, #aa2333 50%, #941a2f 51%, #941a2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be525f), color-stop(50%,#aa2333), color-stop(51%,#941a2f), color-stop(100%,#941a2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #be525f 0%,#aa2333 50%,#941a2f 51%,#941a2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #be525f 0%,#aa2333 50%,#941a2f 51%,#941a2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #be525f 0%,#aa2333 50%,#941a2f 51%,#941a2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #be525f 0%,#aa2333 50%,#941a2f 51%,#941a2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be525f', endColorstr='#941a2f',GradientType=0 ); /* IE6-9 */

}
#menu li { 
	padding:0;
	margin:-1px 0 -1px 0; /*margin négative en haut pour écraser la bordure du ul*/
	list-style:none;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
#menu > li > a,
#menu > li > strong { 
	display:block;
	padding:1em 0.25em;
	color:#fff;
	border-top:solid 1px #aa2333;
	border-bottom:solid 1px #aa2333;
}
#menu > li > a:hover,
#menu > li > a:visited:hover,
#menu > li > a:focus,
#menu > li > strong { 
	text-decoration:none;
	
	border-top:solid 1px #3c4d54;
	border-bottom:solid 1px #3c4d54;

	background: #647379; /* Old browsers */
	background: -moz-linear-gradient(top,  #647379 0%, #3c4d54 50%, #273438 51%, #273438 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#647379), color-stop(50%,#3c4d54), color-stop(51%,#273438), color-stop(100%,#273438)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #647379 0%,#3c4d54 50%,#273438 51%,#273438 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #647379 0%,#3c4d54 50%,#273438 51%,#273438 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #647379 0%,#3c4d54 50%,#273438 51%,#273438 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #647379 0%,#3c4d54 50%,#273438 51%,#273438 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#647379', endColorstr='#273438',GradientType=0 ); /* IE6-9 */

}
/*gestion des menus déroulants*/
#menu .sousrubs { 
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	min-width:180px;
	padding:0 0 1em 0;
	display:none;
	-moz-border-radius:0 0 5px 5px;
	-webtkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	text-align:left;
	z-index:500!important;
	font-size:13px;
	
	background: #aa2333; /* Old browsers */
	background: -moz-linear-gradient(top,  #aa2333 0%, #941a2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa2333), color-stop(100%,#941a2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aa2333 0%,#941a2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aa2333 0%,#941a2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aa2333 0%,#941a2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aa2333 0%,#941a2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa2333', endColorstr='#941a2f',GradientType=0 ); /* IE6-9 */

}
#menu .sousrubs li { display:block; margin:0; }
#menu .sousrubs li a,
#menu .sousrubs li a:visited,
#menu .sousrubs li a:link, 
#menu .sousrubs li strong { 
	display:block;
	color:#fff;
	text-align:left;
	width:100%;
	padding:0.35em 25px 0.25em 18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#menu .sousrubs li a:hover,
#menu .sousrubs li a:visited:hover,
#menu .sousrubs li strong { background:#273438; color:#fff; font-weight:400; }
#menu li.sub:hover .sousrubs { display:block; padding:0 0 1em 0; z-index:5; }

/*------------------------------------
 sidebar général
------------------------------------*/
#right,
#rightlarge { width:315px; margin:0; padding:0; }
.bloc_sidebar { background:#fff; margin:0 0 0.5em 0; color:#000; }
.bloc_sidebar > h3 { font-size:17px; background:#3c4d54; color:#fff; text-transform:uppercase; }
.bloc_sidebar.bs-resa h3, body.evenement .bloc_sidebar.bs-resa > h3 { background:#941a2f; }
.bloc_sidebar.bs-rch > h3, body.evenement .bloc_sidebar.bs-rch > h3 { background:#f0e72b; color:#393329; }
.pad_sb { padding:0.5em; }

.bloc_sidebar input[type=text] { max-width:170px; background:#eef1f3; }
.bloc_sidebar input[type=text]:focus { background:#fff; }
#rightlarge .page-bloc img { margin:0 -6px;}

body.evenement .bloc_sidebar > h3 { color:#fff; font-style: normal; font-size: 17px; padding: 0.5em;}
 
/*------------------------------------
 recherche par titre/seance
------------------------------------*/
#mod_ccweb_recherche { position:relative; width:auto; top:0; left:0; }
#mod_ccweb_recherche h1,
#mod_ccweb_recherche .soustitre { display:none; }

#mod_ccweb_recherche h2,
#mod_ccweb_recherche h3 { display:none; }

#form1:before,
#form2:before { 
	content:'Par titre';
	display:block;
	font-weight:400;
	font-size:15px;
	color:#000;
	padding:0.5em 0;
}
#form2:before { content:'Par séance'; }

#form1,
#form2,
#form3 { display:block; margin:0 0 0.5em 0; padding:0 0.5em; }

#form1 select { width:260px; }
#mod_ccweb_recherche #form1 input[type=submit] { display:none; }

#mod_ccweb_recherche input[type=radio],
#mod_ccweb_recherche label { margin:0; padding:0; }
#mod_ccweb_recherche input[type=submit] { 
	background:#f0e72b; 
	color:#000; 
	padding:0.35em 0.75em;
	display:inline-block; 
	font-weight:400; 
	-webkit-appearance: none;
	filter: progid:DXImageTransform.Microsoft.gradient( enabled=false); 
}
#mod_ccweb_recherche input[type=submit]:hover { background:#000; color:#fff; } 

#mod_ccweb_recherche .heure { position:relative; height:40px; display:block; top:0.5em;  }
#mod_ccweb_recherche .heure label { position:absolute; left:0px; width:120px; top:2px; }
#mod_ccweb_recherche .heure select { position:absolute; left:80px; top:-1px;  font-size:12px; }
#mod_ccweb_recherche .heure input { position:absolute; left:145px; top:-2px; font-size:11px; }

/*------------------------------------
 évènements (avec le bon accent...)
------------------------------------*/
#mod_evenement { background:#fff; }
.evenement h2, .page_event h4 { 
	padding:5px; 
	margin:3px 0; 
	color:#fff; 
	font-size:14px; 
	background:#3d79bd; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	clear:both; 
	font-weight:400;
}

.evenement h2 a, .evt-titre a {color: #ffffff;}
.evenement h3 { padding:0 0 0.5em 0; margin:0; font-size:13px; color:#3d79bd; font-weight:normal; font-style:italic; }
.evenement a.film { text-align:right; display:block; padding-right:15px; font-weight:400; }
.evenement strong {  }

body.evenement #maincontent-large {background: #ffffff; padding: 10px; width: 640px; }
body.evenement #maincontent-large h3 {color: #3d79bd; font-size: 13px; background: none;}

.evtcontenu2 { background: #ffffff; }

/* images seules dans une colonne gauche/droite (pas en float) */
.introtext {
	box-sizing:border-box;
	position:relative;
	min-height:220px;
	margin-bottom: 1em;
	overflow: hidden;
	height: auto;
}
.gauche .introtext { padding-left:120px; }
.droite .introtext { padding-right:120px; }

.gauche .introtext img.left { position:absolute; top:0; left:0; max-height:210px;}
.introtext .img-center img { max-width:100%!important; height:auto!important;}
.droite .introtext img.right { position:absolute; top:0; right:0; max-height:210px;}
.video .introtext { padding:0; }

/*------------------------------------
 mod contact et NL
------------------------------------*/
#mod_contact {  background:#fff; color:#000; margin:0; width:660px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 1em 1em 1em;	
	margin:0;
}
#mod_contact input[type=text] {
 	height:auto; 
}
#mod_contact input[type=text]:focus,
#mod_contact textarea:focus {
	border-color:#3d79bd;
	box-shadow: 0 0 4px #3d79bd inset;
}
#newsletter-abo {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*------------------------------------
 fiches films et compagnie
------------------------------------*/
/* pour référence, dans global.css : 
.fichefilm-mini p { font-size:11px; }
.fichefilm-small p { font-size:10px; }
*/
/* films à l'affiche */
div.fichefilm-mini-block { 
	width:310px; 
	height:180px;
}
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:#3c4d54;
	height:21px;
	color:#fff; 
}
div.fichefilm-mini a.bt-film-small:hover, 
div.fichefilm-mini a.bt-film-small:visited:hover { background:#3d79bd; text-decoration:none; }

.fichefilm-small-v2 { border-top: dashed 2px #3c4d54; padding:0.5em 0 0 0; font-size:13px; }

.hi { color:#941a2f; font-weight:400; }

.fichefilm-horaire { background:#fff; }
#horaires.fichefilm-horaire { margin-top:0; }

/*tableau horaires*/
table.horaires { width:100%; }
div.tablehorairein { padding:0; }
table.horaires th { 
	height:25px;
	vertical-align:top;
	line-height:25px;
	color:#fff;
	width:14.285714285714285714285714285714%; 
	background:#3c4d54;
	text-align:center;
}
table.horaires td { 
	color:#000;	
	font-size:12px;	
	line-height:16px; 
	height:16px; 
	text-align:center;	
	background:#eef1f3;
	font-family: Arial, helvetica, sans-serif; 
	font-weight:300; 
}
table.horaires td.col2,
table.horaires td.col4,
table.horaires td.col6 { background:#dae0e2; }
table.horaires td.today , 
table.horaires th.today  { background:none; color:#941a2f; font-weight:400; }
div.horaires { margin:5px 0 0 0; }

.fc a { color: #124884;}

/* fiche film */
.fichefilm-full { background:#fff; color:#000; font-size:13px; }
.fichefilm-full p { font-size:1em;} 

/*------------------------------------
 page vidéo
------------------------------------*/
#maincontent_v2 { color:#000;}
#maincontent_v2 .videopanel { margin:0.5em auto 5em auto; }
#autresprochainement { margin:1.5em 0 0 0; clear:left; }
/* le div horaires sur la page video*/
div#horaires { width:660px; float:left; color:#000; padding:0 0 1em 0; }

/*------------------------------------
 le carrousel
------------------------------------*/

/*mod ccweb affiches*/
#mod_ccweb_affiches { width:980px; clear:both; background:#fff; padding:0; margin-bottom: 10px;}
#mod_ccweb_affiches h1 {display:none;}
#mod_ccweb_affiches .infos_public,
#mod_ccweb_affiches .infos_duree,
#mod_ccweb_affiches .lastlink {display:none;}

/*jcarousel */
.jcarousel-container-horizontal { width:900px; padding:10px 40px;}
.jcarousel-clip { overflow:hidden;}
.jcarousel-clip-horizontal { width:auto; height:auto;}
.jcarousel-item { width:145px; height:185px;}
.jcarousel-item-horizontal { margin-left:0; margin-right:5px;}
.jcarousel-item-placeholder { background:#fff;}
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal { position: absolute; top: 74px; right: 5px; width: 32px; height: 48px; cursor: pointer; background: transparent url(./image/prevnextsprited.png) no-repeat -8px -54px; }
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus { background-position: -40px -54px; }
.jcarousel-next-horizontal:active { background-position: -72px -54px;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -104px -54px;}
.jcarousel-prev-horizontal { left: 5px; background-position:-8px -2px;}
.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus { background-position: -40px -2px;}
.jcarousel-prev-horizontal:active { background-position: -72px -2px;}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -104px -2px;}

#mycarousel li.affiche_hebdo { margin-top: 6px;}

/*code pour les hover*/
.btn_slider {display:block;margin:2px; padding:0 5px; font-weight:bold; text-align:center; width:auto; height:28px; text-decoration:none; line-height:28px; }
.btn_slider,
.btn_slider:visited,
.btn_slider:link { background:#f0e72b; color:#000; font-size: 12px;}
.btn_slider:hover,
.btn_slider:visited:hover,
.btn_slider:focus,
.btn_slider:active { background:#3c4d54; color:#fff;}

span.filmhover { display:none;
	position:absolute;
	top:0;
	left:0;
	background: rgba(255, 255, 255, 0.4); /*pour les gens qui ont IE6, 7 ou 8, BG transparent*/
	color:#000;
	width:144px;
	height:185px;
	font-size:13px;
}
.boutons_film { margin:80px 0 0 0; display:block;}
li.affiche_hebdo { position:relative;}
li.affiche_hebdo:hover > span.filmhover,
li.affiche_hebdo:focus > span.filmhover {
	display: block; /* on affiche le span hover quand on survole le li */
}

 .jcarousel-skin-tango { background: #000000;}

/*------------------------------------
 le slider
------------------------------------*/
/*#mod_slider { clear:both; margin:10px 0 0 0; }
#mod_slider h3 { color:#f0e72b; margin:0; padding:0 0 0.5em 0; }
#slider_conteneur { height:420px; margin-bottom:10px; }
#mySlides { background:#273438; position:relative; overflow:hidden;height:380px!important; z-index:200!important; }
#mySlides .slide { width:100%; }

#sliderContainer .nav-slideshow { text-align:center;padding:0; }
#sliderContainer .nav-slideshow li { display:inline; margin:0 2px; }
#sliderContainer .nav-slideshow li a { 
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-indent:-9999px;
	background: #3c4d54; 
}
#sliderContainer .nav-slideshow li a:hover,
#sliderContainer .nav-slideshow li a:focus { background:#fff; cursor: pointer;  color:#fff; text-decoration:none; / }
#sliderContainer .nav-slideshow li.activeSlide a { background:#f0e72b; color:#fff; }

.slideContent { background:#273438; color:#fff; padding:10px; } /*on écrase la config par défaut*/

/*.btn_slider { 
	display:block;
	margin:0.25em auto 0.5em auto; 
	padding:0.5em; 
	font-weight:400;  
	text-align:left; 
	width:90%; 
	text-decoration:none; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}*/
/*.btn_slider,
.btn_slider:visited,
.btn_slider:link { 
	color:#393329;
	background: #f0e72b;  Old browsers 
	background: -moz-linear-gradient(top,  #f0e72b 0%, #f0e72b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0e72b), color-stop(100%,#f0e72b));
	background: -webkit-linear-gradient(top,  #f0e72b 0%,#f0e72b 100%);
	background: -o-linear-gradient(top,  #f0e72b 0%,#f0e72b 100%);
	background: -ms-linear-gradient(top,  #f0e72b 0%,#f0e72b 100%); 
	background: linear-gradient(to bottom,  #f0e72b 0%,#f0e72b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e72b', endColorstr='#f0e72b',GradientType=0 ); 
}*/

/*.btn_slider:hover,
.btn_slider:visited:hover,
.btn_slider:focus,
.btn_slider:active { color:#fff; background:#3c4d54; filter: progid:DXImageTransform.Microsoft.gradient( enabled=false); text-decoration:none; /* IE6-9  }*/

/*#prev-slide,
#next-slide { 
	position:absolute; 
	top:115px;
	left: -50px; 
	height:150px; 
	width:50px; 
	cursor:pointer; 
	background:url(./image/slider_larrow.png) no-repeat center center ; 
}
#next-slide { background-image:url(./image/slider_rarrow.png); left:auto; right: -50px; }

#prev-slide:hover { background-image:url(./image/slider_larrow_hover.png); }
#next-slide:hover { background-image:url(./image/slider_rarrow_hover.png); }*/

/*------------------------------------
 sous rubriques d'une page
------------------------------------*/
/*ajout d'un fake h3 pour titre */
#sous_menu:before {
	content:'Choisissez votre rubrique'; 
	display:block;
	color:#fff;
	background:#941a2f; color:#fff; font-size:17px; text-transform:uppercase;
	padding:0.5em;
	font-weight:400;
}
#sous_menu { background:#fff; }
#sous_menu a,
#sous_menu strong { display:inline-block; padding:0.75em; font-size:13px; }

/*------------------------------------
 le footer
------------------------------------*/
#footer { display:none;}
#footer_new { 
	text-align:center;
	background:#141414 url(./image/footer_bg.jpg) top center no-repeat;
	position:relative;
	padding:20px 0;
	margin:1em 0 0 0;
	color:#e7dac7;
	border-top:solid 2px #3c4d54;
}
#footer_content { 
	width:980px;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	font-size:12px;
}
#menu_2,
#ft_films_affic,
#ft_films_proch  { display:inline-block; vertical-align:top; width:300px; margin:0 0 0 1em; text-align:left; }

#footer_new ul, 
#footer_new li { list-style:none; padding:0; margin:0; }
#footer_new a { color:#5f8798; }
#footer_new strong { color:#fff; }
#footer_new li a { display:block; }

#footer_new .sousrubs li { margin-left:2em; list-style:circle; }

#copyright { 
	display:block;
	width:100%;
	clear:both;
	text-align:center;
	padding:1.5em 0;
}
.infosalle { text-align:center; font-size:1.2em; }
.infosalle .les_pictos,
.infosalle .le_texte { display:inline-block; vertical-align:top; text-align:left;}
.infosalle .le_texte { padding-top:0.333333333em;}
.infosalle img {  width:50px; margin:0 0.5em 0.25em 0.5em; }

.mairie_paris { margin:1.25em auto 1.25em auto; }

/*------------------------------------
 résa
------------------------------------*/
/* on remet la bonne font */
#masthead.vad2012,
#comment-reserver ol,
#comment-reserver ol li,
input[type=text],
input[type=password],
input[type=email],
#paiement input[type=number],
select,
textarea { font-family: Arial, helvetica, sans-serif; font-weight:300;  }

body.resa #header { height:auto; }
#masthead.vad2012 #titre_cinema h1 { 
	color:#fff; 
	font-family: Arial, helvetica, sans-serif; 
	font-weight:300; 
	text-align:center;
	top:70px; 
	left:320px; 
}
.message-exploitant { color:#000; }

/* modification visuel carte abo pour la résa */
.visuel-rubrique .cartes-abo { 
	background:url(./image/visuel_abo.png) top center no-repeat; 
	background-size:contain;
}

/*------------------------------------
 trucs divers
------------------------------------*/
/* on dégage les pubs */
#pavevideo,
.pub_space_large,
#les_pubs_locales {
	display:none;
}

/* votes - remplacement des étoiles par défaut */
span.vote, span.vote-long, span.vote a:hover, span.vote a:active, span.vote a:focus, span.vote .vote-note { background-image: url(./image/star_small4.png)!important; }
span.vote-long, span.vote-long a:hover, span.vote-long a:active, span.vote-long a:focus, span.vote-long .vote-note { background-image: url(./image/stars.png)!important; }

/* on modifie le style des h4 sur la page évènements, pour faire comme la home */
body.evenements .cadre h4 {
	background:#3d79bd; 
	color:#fff;
	padding:0.25em;
	border-radius:0.25em;
}

/* page evenements on camoufle le lien vers la fiche film */
body.evenements .cadre div h5:nth-child(2) { display: none; }

/* btn resa et rechargement */
.bloc_sidebar.sb_resa h3 { background: #941a2f;}

/* media queries pour adapter la taille du scarabée en BG */
@media screen and (max-width:1280px)  { 
	body { 
		background-size:6%; 
		background-position:right 150px;  
	}
}
@media screen and (max-width:1130px)  { 
	body { 
		background-size:4%; 
		background-position:right 200px;  
	}
}
@media screen and (max-width:1100px)  { 
	body { 
		background:#000; 
	}
	#prev-slide,
	#next-slide  { left:auto; right:170px; top:auto; bottom:10px; background-size:26px; height:40px;  z-index:2000;}
	#next-slide { left:auto; right:100px;}
}
@media screen and (min-width:1400px)  { 
	/* au dessus d'une certaine taille, il prend plus d'espace*/
	body { background-size:12%; }
}

/* couleurs inutiles pour tinyMCE */
.couleurs_BO {
	/* rouge */			color:#761010;	color:#bd0505;	color:#e93b3b;	color:#ec9595;
	/* rose */			color:#6d0e39;	color:#b30b56;	color:#eb237c;	color:#ef9dc2;
	/* rose violet */	color:#5d106d;	color:#a92ec3;	color:#d25ceb;	color:#e4b7ee;
	/* violet */		color:#2e1369;	color:#5825cb;	color:#9e80e3;
	/* bleu */			color:#112864;	color:#2454cf;	color:#a0b5ea;
	/* turquoise */		color:#145768;	color:#17a4c7;	color:#5bcbe7;	color:#b7dfe9;
	/* vert hopital */	color:#167145;	color:#20d37d;	color:#a4e9c8;
	/* vert */			color:#156a13;	color:#21be1d;	color:#97e895;
	/* vert anis */		color:#548316;	color:#97e038;	color:#d1eab1;
	/* jaune */			color:#4a3a0d;	color:#806419;	color:#e2ae22;	color:#e7d5a6;
	/* orange */		color:#4c2308;	color:#c05914;	color:#f9751d;	color:#f0cab0;
}

/* une phrase pour les cartes abo dans la résa  */
/*#box-saisie-cartecine:before {
	content:'Le rechargement en ligne n\'est plus possible pour les cartes achetées avant le 31/12/14. \APour recharger, merci de vous adresser à la caisse du cinéma, muni de votre carte.';
	color:#f00;
	font-weight:bold;
	white-space: pre; /* pour que le \A fasse un saut de ligne.*/
/*}*/