/*------------------------------------
 général
------------------------------------*/

body { 
	background: #fff;
	color: #000;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
}
body, td {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
strong { font-weight: 700; }

a { text-decoration: none; color: #dc0c1f; }
a:hover { text-decoration: underline; }

h1, h2, h3, h5, h5, h6 { padding: 0.3em; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; }
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 #727272;
	border-radius: 0;
	padding: 0.5em;
	font-size: 13px;
	font-family: 'Open Sans', 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;
	border-radius: 0;
	background: #dc0c1f; 
}
input[type=submit]:hover {
	background: #000001; 
	color: #fff;
}
 
#maincontent h3,
#maincontent-large h3,
#maincontent-x-large h3,
#maincontent_v2 h3,
#mod_ccweb_affiches h1,
#mod_evenement h1,
#sous_menu:before,
.actualites #maincontent-large h1,
.ff_titre,
.other_movies_title {
	color: #fff;
	font-size: 20px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	background: #000001;
	padding: .3em 0.5em;
	margin: 0;
}

/* couleur spécifique pour certains titres */
.le-pti-cafe #maincontent-large h4,
.programmes #maincontent-large h4,
.espace-pro #maincontent-large h4,
.espaces-publicitaires #maincontent-large h4,
.actus #maincontent-large h4 { color: #dc0c1f; }

/*------------------------------------
 Gestion des différents blocs/pages
------------------------------------*/

#masthead { width: 980px; position: relative; margin: 0 auto; background: #fff; color: #000; }

#header .wrap { text-align: left; position: relative; width: 980px; }

#maincontent,
#maincontent-large,
#maincontent-x-large,
#mod_evenement,
.ct_left { width: 660px; float: left; background: #f5f5f5; color: #252424; margin: 0; }

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

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

div.cadre p { color: #242424; }

/* les galeries d'images */
.img_galerie td { text-align: center; }
.img_galerie td img { width: 94%; height: auto; }

@media screen and (max-width: 980px) {
	#masthead,
	#maincontent, 
	#maincontent-large, 
	#maincontent-x-large,
	#mod_maps,
	#mod_contact,
	#mod_evenement,
	#header .wrap { width: 100%; }
}

/*------------------------------------
 header
------------------------------------*/

#header { margin-bottom: 10px; position: relative; }

/* le logo */
#logo { position: relative; }
#logo img { border:0; max-width: 100%; height: auto; }
#logo a,
#logo img { display: block; }

/* titre du cinéma par défaut */
#titre_cinema { display: none; }

/* liens réseaux sociaux */
#social_buttons,
.lien_top,
.dl_horaires {
	position: absolute; 
	top: 0;
	right: 10px;
	width: auto;
	height: auto;
	padding: 0;
	text-align: right;
}

.dl_horaires { right: 146px; }
.lien_top.pbs_ds { right: 369px; padding-top: 3px; height: 33px; }

#social_buttons a.slink_twitter { background: #2aa9e0; }
#social_buttons a.slink_facebook { background: #3b5998; }
#social_buttons a.slink_youtube { background: #d52423; }
#social_buttons a.slink_rss { background: #ff6612; }
#social_buttons a.slink_instagram { 
	background: #f9ed32;
	background: -moz-linear-gradient(45deg, #f9ed32 0%, #ee2a7b 61%, #002aff 100%); 
	background: -webkit-linear-gradient(45deg, #f9ed32 0%,#ee2a7b 61%,#002aff 100%); 
	background: linear-gradient(45deg, #f9ed32 0%,#ee2a7b 61%,#002aff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ed32', endColorstr='#002aff',GradientType=1 ); 
}

#social_buttons a.slink_rss { display: none; }

.lien_top,
.lien_top:visited,
.dl_horaires,
.dl_horaires:visited {
	background: #dc0c1f;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
}

.lien_top:hover,
.lien_top:visited:hover,
.lien_top:visited:focus,
.dl_horaires:hover,
.dl_horaires:visited:hover,
.dl_horaires:visited:focus {
	background: #000001;
	text-decoration: none;
}

#social_buttons a.slink_twitter:hover,
#social_buttons a.slink_twitter:visited:hover,
#social_buttons a.slink_twitter:focus { background: #000001; }
#social_buttons a.slink_facebook:hover,
#social_buttons a.slink_facebook:visited:hover,
#social_buttons a.slink_facebook:focus { background: #000001; }
#social_buttons a.slink_youtube:hover,
#social_buttons a.slink_youtube:visited:hover,
#social_buttons a.slink_youtube:focus { background: #000001; }
#social_buttons a.slink_rss:hover,
#social_buttons a.slink_rss:visited:hover,
#social_buttons a.slink_rss:focus { background: #000001; }
#social_buttons a.slink_instagram:hover,
#social_buttons a.slink_instagram:visited:hover,
#social_buttons a.slink_instagram:focus { background: #000001; }

.head_nl,
.find_title {
	position: absolute;
	top: 52px;
	left: 454px;
	width: 420px;
	text-align: right;
}
.find_title { top: 93px; }

.head_nl h3,
.find_title h3 {
	border: 0;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
}

.find_title h2,
.head_nl p { display: none; }

#mod_ccweb_newsletter,
#mod_subscribe,
#recherche_titre,
.head_nl div,
#form1 {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	padding: 0;
}

#form1 select { width: 260px; height: 30px; line-height: 30px; border: solid 1px #727272; box-sizing: border-box; }
#form1 input[type=submit] { display: none; }
.head_nl input[type=text] {
	width: 160px;
	height: 30px; 
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	vertical-align: top;
}
.head_nl input[type=submit] {
	box-sizing: border-box;
	height: 30px; 
	line-height: 30px;
	padding: 0 10px;
	vertical-align: top;
}

@media screen and (max-width: 980px) {
	#logo img { max-width: 40%; }
	.head_nl, .find_title { left: unset; right: 10px; }
}
@media screen and (max-width: 640px) {
	.dl_horaires,
	.head_nl, 
	.find_title { display: none; }
	#logo img { max-width: 60%; }
}
@media screen and (max-width: 320px) {
	#social_buttons { right: 0; }
}

/*------------------------------------
 *2 les menus
------------------------------------*/

#menu { 
	background: #dc0c1f;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 0;
	margin: 0;
}
#menu li { 
	padding: 0;
	margin: 0;
	list-style: none;
	vertical-align: top;
	position: relative;
}
#menu > li > a,
#menu > li > strong { 
	display: block;
	padding: 0 0.25em;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: 400;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	
}
#menu > li > a:hover,
#menu > li > a:visited:hover,
#menu > li > a:focus,
#menu > li > strong {
	text-decoration: none;
	background: #000;
	color: #fff;
}
/*gestion des menus déroulants*/
#menu .sousrubs { 
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	min-width: 180px;
	padding: 0 0 .35em 0;
	display: none;
	text-align: left;
	z-index: 500!important;
	background: #dc0c1f;
	font-size: 13px;
}
#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;
	box-sizing: border-box;
}
#menu .sousrubs li a:hover,
#menu .sousrubs li a:visited:hover,
#menu .sousrubs li strong { background: #000001; color: #fff; }
#menu li.sub:hover .sousrubs { display: block; padding: 0 0 1em 0; z-index: 5; }

@media screen and (max-width: 980px) {
	#show_menu { background-color: #dc0c1f; margin: 0; padding: 10px 10px 10px 0; left: 10px; }
	#show_menu span { font-size: 16px; margin-left: 35px; }
	#show_menu:before { top: 14px; }
	#show_menu:after { border-top: solid 2px #dc0c1f; border-bottom: solid 2px #dc0c1f; top: 17px; }

	#menu, 
	.menu-top { z-index: 1001; top: 10px; }
	#menu .sousrubs { width: 100%; }
	#menu .sousrubs li a, 
	#menu .sousrubs li a:visited, 
	#menu .sousrubs li a:link, 
	#menu .sousrubs li strong { text-align: center; font-size: 16px; padding: 0.55em 10px 0.55em 10px; }
}

/*------------------------------------
 le slider
------------------------------------*/

#leslider { clear: both; margin: 0; }

.slideContent { background: #f5f5f5; color: #000; padding: 10px; }
.slideContent h3 { color: #dc0c1f; margin: 0; padding: 0 0 0.5em 0; margin-bottom: .5em; font-weight: 700; }

.btn_slider { 
	display: block;
	margin: 0.25em auto 0.5em auto; 
	padding: 0.5em 0.3em; 
	font-weight: 400;
	text-align: center; 
	width: 92%; 
	text-decoration: none;
	border-radius: 0;
}
.btn_slider,
.btn_slider:visited,
.btn_slider:link { 
	color: #fff;
	background: #dc0c1f;
}

.btn_slider:hover,
.btn_slider:visited:hover,
.btn_slider:focus,
.btn_slider:active { background: #000001; text-decoration: none; }

.slideContent .resa-link3 { border-radius: 0; display: block; }

.bottom .prev-slide,
.bottom .next-slide {
	background: url(./image/slider_sprite.png) no-repeat -8px -8px;
	background-size: auto;
}
.bottom .next-slide { background-position: -58px -8px; }

.bottom .prev-slide:hover { background-position: -8px -58px; }
.bottom .next-slide:hover { background-position: -58px -58px; }

.slider_nav { 
	margin: 0;
	line-height: 36px;
}
.slider_nav .bul { color: #b2b2b2; }
.slider_nav .bul:hover,
.slider_nav .bul:focus { cursor: pointer; color: #dc0c1f; }
.slider_nav .bul.on { color: #000001; }

.slider_tags .tag { background: none; }

/*------------------------------------
 BFS - Bloc films semaine
------------------------------------*/

#les_films_home { position: relative; }
#les_films_home .films_proch { position: absolute; top: 0; right: 10px; padding: 15px; color: #424242; text-transform: uppercase; }
#les_films_home .films_proch:after {
	content: '';
	position: absolute;
	top: 19px;
	right: 2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 5px;
	border-color: transparent transparent transparent #424242;

}
#bloc_films_semaine {
	background: #f5f5f5;
	overflow: hidden;
	height: auto;
	padding: 0 10px 10px 10px;
}
#bloc_films_semaine h2 {
	font-size: 21px;
	padding: 15px 0;
	color: #424242;
}
#bloc_films_semaine .date { display: none; }
.bloc_film {
	width: 151px;
	height: 214px;
	margin: 0 10px 10px 0;
}
.bloc_film:nth-child(4n +1) { margin-right: 10px; }
.bloc_film:nth-child(6n +1) { margin-right:0; }

/* si c'est un film 3D */
.bloc_film.film3D:before{
	content: '3D';
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 0;
	width: auto;
	padding: 0 4px;
	height: 30px;
	line-height: 27px;
	background: #c00;
}

.les_blocs_film { padding: 0; }

/*------------------------------------
 sidebar général
------------------------------------*/

#right,
#rightlarge { width: 310px; margin: 0; padding: 0; }
.bloc_sidebar { background: #f5f5f5; margin: 0 0 10px 0; padding: 10px; box-sizing: border-box; color: #000; }
.bloc_sidebar > h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 .75em 0;
	color: #494949;
	text-align: left;
}

/* bloc résa */
.bloc_sidebar.sb_resa { background: none; padding: 0; }
.bloc_sidebar.sb_resa h3 { display: none; }
.sb_resa a.sb_bt_resa,
.sb_resa a.sb_bt_reload {
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.sb_resa a.sb_bt_resa,
.sb_resa a.sb_bt_resa:visited { background: #dc0c1f url(/shared/img/vad2016/resa.png) 90% center no-repeat; }
.sb_resa a.sb_bt_reload,
.sb_resa a.sb_bt_reload:visited { background: #dc0c1f url(/shared/img/vad2016/manage.png) 90% center no-repeat; }
.sb_resa a.sb_bt_resa:hover,
.sb_resa a.sb_bt_resa:focus,
.sb_resa a.sb_bt_resa:visited:hover,
.sb_resa a.sb_bt_reload:hover,
.sb_resa a.sb_bt_reload:visited:hover,
.sb_resa a.sb_bt_reload:focus { background-color: #000001; }

/* textfield des blocs */
.bloc_sidebar input[type=text] { max-width: 170px; background: #f0f0f0; }
.bloc_sidebar input[type=text]:focus { background: #fff; }

/* bloc explopitant */
.sb_promo { background: none; }

.bs_app .app_icon { margin: 10px 5px 0 10px; }

@media screen  and (max-width: 980px) {
	#right, #rightlarge { width: 100%; margin-top: 8px; }
	.bs_app .app_info { display: flex; justify-content: center; }
}

/*------------------------------------
 recherche par titre/seance
------------------------------------*/

.sb_espace_client a { color: #fff; }
.sb_espace_client .btn { background: #000; }
a.btn.sb_bt_login { margin-bottom: 10px; }

.bloc_sidebar.sb_rch h1,
.bloc_sidebar.sb_rch .soustitre { display: none; }

.bloc_sidebar.sb_rch h2,
.left3 h3 { display: none; }


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


.bloc_sidebar.sb_rch input[type=radio],
.bloc_sidebar.sb_rch label { margin: 0; padding: 0; }
.bloc_sidebar.sb_rch input[type=submit] { 
	background: #dc0c1f; 
	color: #fff; 
	padding: 0.35em 1.5em;
	display: inline-block; 
	font-weight: 400; 
}
.bloc_sidebar.sb_rch input[type=submit]:hover { background: #000001; } 

.bloc_sidebar.sb_rch .heure { position: relative; height: 34px; display: block; top: 0.5em; }
.bloc_sidebar.sb_rch .heure label { position: absolute; left: 0px; width: 120px; top: 5px; }
.bloc_sidebar.sb_rch .heure select { position: absolute; left: 80px; top: 4px;  font-size: 12px; }
.bloc_sidebar.sb_rch .heure input { position: absolute; left: 145px; top: 3px; font-size: 11px; }

/*------------------------------------
 évènements
------------------------------------*/

#mod_evenement { background: none; }
#mod_evenement .inner { padding: 0; }
#mod_evenement h1 { margin: 0; }

.evenement { padding: 10px; }

.evenement.video { padding: 0; }

.evtcontenu2 div.clr,
.introtext div.clr { height: 1px; overflow: hidden; }

.evenement h2 { 
	padding: 0 0 5px 0; 
	margin: 0; 
	color: #dc0c1f;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	clear: both; 
}
.evenement h2 a { color: #dc0c1f; display: block; }
.evenement h3,
#maincontent-large .evenement h3 {
	padding: 0 0 0.5em 0;
	margin: 0;
	font-size: 15px;
	color: #000001;
	font-weight: 700;
	text-transform: none;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	border: none;
	background: none;
}
.actualites #maincontent-large .event { margin: 0 0 30px; clear: both; }

.evt_liens_film {
	clear: both;
	text-align: left;
    display: inline-block;
	vertical-align: top;
}
.evenement a.film,
.evenement a.resa-link3 {	
	display: inline-block;
	vertical-align: top;
	line-height: 1.2;
	background: #dc0c1f;
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
    text-align: center;
    float: none;
    padding: 6px 15px;
	margin: 0 10px 0 0;
}
.evenement a.resa-link3 .ext_txt_resa_cont {
	float: none;
	margin: 0;
	vertical-align: top;
	font-weight: 400;
}

.evenement a.film:hover,
.evenement a.film:visited:hover,
.evenement a.film:focus,
.evenement a.resa-link3:hover,
.evenement a.resa-link3:visited:hover,
.evenement a.resa-link3:focus {
	background: #000001;
	text-decoration: none;
}

.evenement a.resa-link3 img {	
	display: none;
}

.evt_txt_pour,
.evt_txt_titre_film,
.ext_txt_mtn,
.evt_partage .evt_ptg_titre {
	display: none;
}

.evt_partage {
	float: right;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	text-align: right;
}

/* navigation dans les events */
#actus_nav {
	position: relative;
	height: 55px;
	margin-top: 20px;
}
#actus_nav p { padding: 0; margin: 0; }
#prevevt,
#nextevt,
.page_numbers {
	position: absolute;
	top: 0;
	left: 0;
	width: 15%;
}
#prevevt {
	left: auto;
	right: 0;
	text-align: right;
}
.page_numbers {
	left: 15%;
	width: 70%;
	text-align: center;
}
#prevevt a,
#nextevt a {
	display: block;
	line-height: 55px;
}
.page_numbers a { color: #aaa; }
.page_numbers strong { color: #dc0c1f; }
.page_numbers a,
.page_numbers strong {
	display: inline-block;
	padding: 0 1.25em;
	line-height: 55px;
}

#actus_nav.full_event #prevevt,
#actus_nav.full_event #nextevt {
	width: 50%;
}
#actus_nav.full_event #prevevt a,
#actus_nav.full_event #nextevt a {
	line-height: 1.2;
	padding: 1.45em 0;
}

.page_event { margin-bottom: 10px!important; }
.page_event h5 { font-size: 115%; margin-top: 0; margin-bottom: 0; }
.evt_liens_film a.film, .evt_liens_film a.resa-link3 { padding: 5px 10px; }

/*------------------------------------
 mod contact et NL
------------------------------------*/

#mod_contact {  
	background: #fff; 
	color: #000; 
	margin: 0; 
	width: 660px; 
	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%;
	box-sizing: border-box;
}

/*------------------------------------
 fiches films et compagnie
------------------------------------*/

.hi { color: #363636; }

.fichefilm-mini h4 { color: #dc0c1f; }

/* films à l'affiche / prochainement */
.fichefilm-mini-block img.vignette { border: 0; }
div.fichefilm-mini-block { 
	width: 310px; 
	height: 180px;
}
div.fichefilm-mini a.bt-film-small, 
div.fichefilm-mini a.bt-film-small:visited {
	border-radius: 0;
	background: #dc0c1f;
	height: 21px;
	font-size: 13px;
	color: #fff;
	position: relative;
	margin: 0 2px 0 0;
	padding: 0 3px;
	border-radius: 0;
}
/* pas de marge sur le dernier bouton */
div.fichefilm-mini a.bt-film-small:last-child { margin: 0; }

div.fichefilm-mini a.bt-film-small:hover, 
div.fichefilm-mini a.bt-film-small:visited:hover { background: #000001; color: #fff; text-decoration: none; }

/* films arrêtés */
.films-arretes .btback { display: none; }

/* page horaires */
.fichefilm-small-v2 { border-top: dashed 2px #999; padding: 1em 0 0 0; font-size: 13px; }
.wrap-fiche-film { padding-bottom: .5em; }


.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: #363636;
	text-align: center;
}
table.horaires td { 
	color: #000;	
	font-size: 12px;	
	line-height: 16px; 
	height: 16px; 
	text-align: center;	
	background: #f5f5f5;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
}
table.horaires td.col2,
table.horaires td.col4,
table.horaires td.col6 { background: #e3e3e3; }
table.horaires td.today , 
table.horaires th.today  { background: #dc0c1f; color: #fff; }
div.horaires { margin: 5px 0 0 0; }

table.horaires td.today , 
table.horaires th.today,
table.horaires .today a.resa { color: #fff;	font-weight: bold; }
.rch table.horaires .fc.today { background: #dc0c1f; }
.rch table.horaires .fc.today a,
.rch table.horaires .fc.today a:link,
.rch table.horaires .fc.today a:visited { color: #fff; }
.rch table.horaires .fc.today a:hover,
.rch table.horaires .fc.today a:visited:hover,
.rch table.horaires .fc.today a:focus,
.rch table.horaires .fc.today a:active { background: #000; color: #fff; }

table.horaires a.resa:hover,
table.horaires a.resa:focus,
table.horaires a.resa:visited:hover,
table.horaires a.resa:visited:focus { background: #000; border: none; color: #fff; text-decoration: none; }

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

.film .bt { background: #000; }

.ff_movie_info { display: none; }
.ff_synopsis_title, 
.ff_tword_title,
.ff_pics_title { 
	background: none!important; 
	color: #000!important; 
	padding-left: 0!important; 
	font-size: 16px!important; 
	font-weight: 700!important;   
	text-transform: unset!important; 
}

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

@media screen  and (max-width: 980px) {
	div#horaires { width: 100%; }
}

/*------------------------------------
 sous rubriques d'une page
------------------------------------*/

/*ajout d'un fake h3 pour titre */
#sous_menu:before {
	content: 'Choisissez votre rubrique'; 
	display: block;
}
#sous_menu { background: #fff; padding-bottom: 1.5em; width: 660px; }
#sous_menu a,
#sous_menu strong { display: inline-block; padding: 0.75em; font-size: 13px; }

.horaires #sous_menu,
.films-arretes #sous_menu { display: none; }

@media screen and (max-width: 980px) {
	#sous_menu { width: 100%; }
}

/*------------------------------------
 contact, formulaires...
------------------------------------*/

#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 label { margin-bottom: 10px; }
#mod_contact input[type=text] {
 	height: auto; 
}
#mod_contact input[type=text], #mod_contact textarea { width: 60%; }
#mod_contact input[type=text]:focus,
#mod_contact textarea:focus {
	border-color: #a9a909;
	box-shadow: 0 0 4px #a9a909 inset;
}
#newsletter-abo {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* 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(./image/form_sprite@2x.png) 0 0 no-repeat;
	background : url(./image/form_sprite.png) 0 0 no-repeat\9; /* IE8 et versions inférieures (car ne gère pas le background size) */
	*background : url(./image/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: 1em 0;
}
.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 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; }

@media screen  and (max-width: 980px) {
	#mod_contact { width: 100%; }
	#newsletter-abo input[type=text] { width: 90%; }
}
@media screen  and (max-width: 640px) {
	.form_contact select { width: 100%; }
	#mod_contact input[type=text], #mod_contact textarea { width: 90%; }
}

/*------------------------------------
 le footer
------------------------------------*/

#footer { 
	text-align: center;
	background: #fff;
	position: relative;
	width: 980px;
	padding: 20px 0;
	margin: 1em auto 2em;
	color: #747474;
	box-sizing: border-box;
	font-size: 13px;
}
#footer a { color: #747474; }
#footer strong { color: #747474; }

#footer li a,
#footer li strong {
	display: inline-block;
	padding: .25em .5em;
	font-weight: 400;
}
#footer li strong,
#footer li a:hover,
#footer li a:visited:hover,
#footer li a:focus {
	text-decoration: none;
	color: #dc0c1f;
}

#copyright { 
	display: block;
	width: 100%;
	clear: both;
	text-align: center;
	padding: 1.5em 0;
}

@media screen and (max-width: 980px) {
	#footer { width: 100%; }
}

/*------------------------------------
 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: 'Open Sans', Arial, Helvetica, sans-serif; }

.resa #header { height: 179px; border-radius: 0; }
.resa #header { text-align: center; }
.resa #logo { margin: 0 auto; float: none; position: relative; }
.resa #logo img { margin: 0 auto; display: block; }
#masthead.vad2012 #titre_cinema h1 { 
	color: #fff; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
	text-align: center;
	top: 130px; 
	left: 500px;
	width: 480px;
	background: #000;
	background: rgba(0,0,0,0.6);
}
.message-exploitant { color: #000; }
.back-to-home { background-color: #000; }
.back-to-home:hover,
.back-to-home:visited:hover,
.back-to-home:focus { background-color: #de230a; color: #fff; text-decoration: none; }

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

/*------------------------------------
 trucs divers
------------------------------------*/

/* bouton retour en haut de page */
.to_the_north:before {
	content: '';
	width: 30px;
	height: 30px;
	background: url(./image/fleche_top.png) center center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.to_the_north {
	font-size: 17px;
	display: block;
	clear: both;
	width: 200px;
	margin: 3em 460px 3em 0;
	padding: 1em 0;
	color: #000;
}

/* on dégage les pubs locales */
#les_pubs_locales {
	display: none;
}

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

@media screen and (max-width:1100px)  { 
	.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; }
}

/* on réduit la taille des images dans la page operas ballets */
.opera-ballet center img {
	max-width: 424px;
	height: auto;
}

/*Nouveau bouton résa*/

.horaires .col-droite { margin-right: 20px; }
.fichefilm-small-v2 .horaires-infos-film { width: 57%; }

.resa-link3, 
.fichefilm-small-v2 .resa-link2, 
.fichefilm-full a.ba,
.fichefilm-full a.resa-link, 
.fichefilm-small-v2 .filmba, 
.evt_liens_film a.film { 
	border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    position: relative;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    background-color: #dc0c1f;
    color: #fff;
    font-size: 15px;
}

.fichefilm-full a.resa-link, .fichefilm-full a.ba { padding: 4px 0 6px 0; }

.evt_liens_film a.resa-link3 img, 
.fichefilm-small-v2 .resa-link2 img, 
.fichefilm-full a.ba img,
.fichefilm-full a.resa-link img, 
.fichefilm-small-v2 .filmba img, 
.evt_liens_film a.film img { display: none; }

.evt_liens_film a.resa-link3:hover, 
.fichefilm-small-v2 .resa-link2:hover, 
.fichefilm-full a.ba:hover,
.fichefilm-full a.resa-link:hover, 
.fichefilm-small-v2 .filmba:hover, 
.evt_liens_film a.film:hover { background: #000; }