/*------------------------------------
 général
------------------------------------*/
body { 
	background: #fff url(image/body.png) top center no-repeat;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 135%;
}
strong { font-weight: 700; }

a { text-decoration: none; color: #de230a; }
a:hover { text-decoration: underline; color: #5d5d5d; }

h1, h2, h3, h5, h5, h6 { padding: 0.5em; }
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],
#mod_contact select,
textarea {
	border: solid 1px #747474;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	box-shadow: 0 0 4px #a4a4a4 inset;
	padding: 0.5em;
	font-size: 13px;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
}
input[type=text]:focus,
textarea {
	border-color: #3d79bd;
	background: #fff;
	box-shadow: 0 0 4px #3d79bd inset;
}
input[type=submit] {
	color: #fff;
	border: none;
	padding: 0.5em;
	cursor: pointer; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ed1c24; 
}
input[type=submit]:hover {
	background: #000; 
}

.wrap { position: relative; width: 980px; margin: 0 auto; text-align: left; }

#maincontent h3,
#maincontent-large h3,
#maincontent-x-large h3,
#maincontent_v2 h3,
#mod_ccweb_affiches h2,
#mod_evenement h1,
.autour_titre h1,
.films-a-l-affiche .autour_titre h2,
.ff_titre,
.other_movies_title { background: #ed1c24; color: #fff; font-size: 20px; margin-top: 0; }

/* 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; background: #fff; position: relative; margin: 6px auto 0; color: #000; }
#header { background: #4d4d4d; height: 167px; position: relative; margin-bottom: 6px; }
#header .wrap { height: 167px; }
#logo { padding: 0; text-align: left; }
#logo img { }
#maincontent,
#maincontent-large,
#maincontent-x-large,
#mod_evenement { width: 660px; float: left; color: #5d5d5d; }

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

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

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

/* icones header */
.social-head a {
	position: absolute;
	top: .75em;
	right: .75em;
	border: solid 1px #fff;
	text-decoration: none;
	width: 44px;
	height: 44px;
}
.social-head a.facebook,
.social-head a.facebook:visited {
	background: #3b5998 url(image/icon_fb.png) center center no-repeat;
	right: 5em;
}
.social-head a.facebook:hover,
.social-head a.facebook:visited:hover,
.social-head a.facebook:focus {
	background-color: #1a397a;
	border-color: #000;
}
.social-head a.rss,
.social-head a.rss:visited {
	background: #ff7200 url(image/icon_rss.png) center center no-repeat;
}
.social-head a.rss:hover,
.social-head a.rss:visited:hover,
.social-head a.rss:focus {
	background-color: #ff4e00;
	border-color: #000;
}

.lien-gaillon a,
.lien-louviers a {
	position: absolute;
	top: 5.2em;
	right: .75em;
	border: solid 1px #fff;
	text-decoration: none;
	width: 162px;
	height: 36px;
}

.lien-gaillon a,
.lien-gaillon a:visited {
	background: #c2c0c0 url(image/picto_url_gaillon.png) center center no-repeat;
}

.lien-louviers a,
.lien-louviers a:visited {
	background: #c2c0c0 url(image/picto_url_louviers.png) center center no-repeat;
}

.lien-gaillon a:hover, .lien-louviers a:hover,
.lien-gaillon a.rss:visited:hover, .lien-louviers a.rss:visited:hover
.lien-gaillon a.rss:focus, .lien-louviers a.rss:focus {
	border-color: #000;	
}

@media screen and (max-width: 980px) {
	#masthead,
	#header .wrap { width: 100%; }
	#maincontent, 
	#maincontent-large, 
	#maincontent-x-large,
	#ct_main,
	#mod_evenement { width: 100%; margin-right: 5px; margin-left: 0; }
	#header { height: 160px; }

	#logo img { width: 100%; }
	.social-head a { top: 8em; right: 200px; }
	.social-head a.facebook { right: 260px; }
	.lien-gaillon a, .lien-louviers a { top: 8.5em; }
}
@media screen and (max-width: 640px) {
	#masthead { margin-top: 0; }
	
}
@media screen and (max-width: 460px) {
	.social-head a { top: 4em; right: unset; left: 70px; }
	.social-head a.facebook { right: unset; left: 10px; }
	.lien-gaillon a, .lien-louviers a { width: 150px; background-size: contain; }
}

/*------------------------------------
 *2 le menu
------------------------------------*/

#menu { 
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding: 0;
	margin: 0;
	background: #4d4d4d;
	border-top: solid 6px #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#menu li { 
	padding: 0;
	margin: 0;
	list-style: none;
	vertical-align: top;
	position: relative;
}
#menu > li > a,
#menu > li > strong { 
	display: block;
	padding: 1em 0.5em;
	color: #fff;
}
#menu > li > a:hover,
#menu > li > a:visited:hover,
#menu > li > a:focus,
#menu > li > strong { 
	text-decoration: none;
	background: #ed1c24;
}
/*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;
	text-align: left;
	z-index: 500!important;
	background: #4d4d4d;
}
#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: #ed1c24; 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 { position: absolute; top: 110px; left: 0; background: #4d4d4d; color: #fff; border: 1px solid #fff; }
	#show_menu:after { border-top: solid 2px #4d4d4d; border-bottom: solid 2px #4d4d4d; }

	#menu { z-index: 100; top: 160px; width: 100%; }
	#menu li { margin: 0; text-align: center; background: #4d4d4d; }
	#menu > li > a, #menu > li > strong { border: none; }

	#menu .sousrubs { width: 100%; }
	#menu .sousrubs li { padding: 5px 0; }
	#menu .sousrubs li a, #menu .sousrubs li a:visited, #menu .sousrubs li a:link, #menu .sousrubs li strong { text-align: center; }
}

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

#right,
#rightlarge { width: 306px; margin: 0; padding: 0; }
.bloc_sidebar { background: #404040; margin: 0 0 1em 0; color: #fff; display: block; }
.bloc_sidebar > h3 { font-size: 16px; font-weight: bold; color: #fff; }
.bloc_sidebar.sb_resa a.sb_bt_resa { color: #ffffff; }
.bloc_sidebar.bs-nl { padding: 5px; }
.bloc_sidebar.bs-nl p { padding: 5px; }
.bloc_sidebar.bs-nl #lm_email { margin-bottom: 5px; }	
.bloc_sidebar.bs-rch { background: #ed1c24; }
.pad_sb { padding: 0.5em; }

.bloc_sidebar input[type=text] { max-width: 170px; background: #f0f0f0; font-size: 13px; padding: 0.5em; }
.bloc_sidebar input[type=text]:focus { background: #fff; }
#rightlarge .page-bloc img { margin: 0 -6px; }

body.evenement .bloc_sidebar > h3 { font-size: 16px; padding: 0.5em; font-style: normal; color: #ffffff; font-weight: bold; }
body.evenement .bloc_sidebar  h2 { background: none; }

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

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

/*------------------------------------
 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: block;
	font-size: 15px;
	color: #fff;
	padding: 0.5em 0;
	margin: 0;
}

#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] { 
	padding: 0.35em 0.75em;
	display: inline-block;
	-webkit-appearance: none;
}

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

#mod_evenement { background: #fff; color: #666; }
.evenement h2 { 
	padding: 5px;
	margin: 3px 0; 
	color: #fff; 
	font-size: 17px;
	font-weight: bold;
	background: #424242; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	clear: both;
	position: relative;
}
.evenement h2 a { color: #fff; }
.evenement h3 { padding: 0 0 0.5em 0; margin: 0; font-size: 13px; color: #e20000; font-weight: bold; font-style: italic; }
.evenement strong { color: #000; }

.evenement a.film, .evenements a.film, .evenement a.resa-link3 { text-align: right; display: block; padding-right: 15px; font-weight: 400; }

.evt_liens_film { display: unset; }
.evt_liens_film a.film, .evt_liens_film a.resa-link3 { background: unset; color: #de230a; text-decoration: none; }
.evt_liens_film a.film:hover, 
.evt_liens_film a.resa-link3:hover,
.evt_liens_film a.film:focus, 
.evt_liens_film a.resa-link3:focus { background: unset; color: #5d5d5d; }

.page_event h5 { font-size: 14px; }

/*On masque les btns de partage sur les réseaux*/
.evt_partage { display: none; }

/* différence sur portail */
.evt-site {
	text-indent: -9000px;
	display: inline-block;
	width: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 5px 0 0 5px; 
	-moz-border-radius: 5px 0 0 5px; 
	border-radius: 5px 0 0 5px; 
}

body.evenement #maincontent-large h3 { text-transform: none; background: none; color: #e20000; }

/*------------------------------------
 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 label { margin-bottom: 10px; }
#mod_contact input[type=text] {
 	height: auto; 
}
#mod_contact input[type=text], #mod_contact textarea {
 	height: auto; 
 	width: 65%;
}
#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;
}

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

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

/* films à l'affiche */
.films-a-l-affiche .autour_titre h1 { display: none; }
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: #de230a;
	height: 17px;
	color: #fff; 
}
div.fichefilm-mini a.bt-film-small:hover, 
div.fichefilm-mini a.bt-film-small:visited:hover { background: #242424; text-decoration: none; }

#horaires_impression_menu { text-align: right; margin: 0 0 10px 0; padding-right: 10px; }
.fichefilm-small-v3 { border-top: dashed 2px #f7a4a3; padding: 0.5em 0 0 0; font-size: 13px; }
.avp, .ff_avp { background: #c00; color: #fff!important; padding: 5px; display: inline-block; }
.fichefilm-small-v3 h2 { font-size: 15px; }

.hi { color: #000; }

.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: #444;
	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; }
div.horaires { margin: 5px 0 0 0; }

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

.fchead { background: #444; color: #fff; }
.today .fchead { background: #de230a; color: #fff; }
.today { background: #de230a!important; color: #fff; font-weight: bold; }
.fc a { color: #de230a; }
.today a { color: #fff!important; }
.fc a:hover { background: #000; color: #fff; }

/* fiche film */
.fiche_film, .autres_films { color: #000; font-size: 12px; }
.fiche_film p { font-size: 1em; } 
.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: 15px!important;  
	text-transform: unset!important; 
}

.film #horaires { width: 100%; } 

.other_movies_title { padding: 0.4em; }

/*On masque le picto résa qui casse tout*/
a.resa-link3 img{ display: none!important; }

@media screen and (max-width: 640px) {
	table.horaires th,
	table.horaires td { height: unset; } /*Pour que tout les horaires s'affichent dans le caroussel horaires*/
}

/*------------------------------------
 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; color: #000; padding: 0 0 1em 0; }

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

/*------------------------------------
 les films à l'affiche sur l'accueil
------------------------------------*/

#mod_ccweb_affiches { margin-bottom: 1em; }
#mod_ccweb_affiches .lastlink { display: none; }
#alt_content { padding: 10px; }

/*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: #000; color: #fff; }
.btn_slider:hover,
.btn_slider:visited:hover,
.btn_slider:focus,
.btn_slider:active { background: #ed1c24; 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: 50px 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 */
}

.flickity-prev-next-button .arrow { fill: #ed1c24!important; }
.flickity-page-dots { display: none; }

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

/*------------------------------------
 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;
}
#sous_menu { background: #fff; }
#sous_menu a,
#sous_menu strong { display: inline-block; padding: 0.75em; font-size: 13px; }

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

#footer_new { 
	text-align: center;
	background: #404040;
	position: relative;
	padding: 20px 0;
	margin: 1em 0 0 0;
	color: #fff;
	font-size: 13px;
}
#footer_new a { color: #fff; }
#footer_new ul,
#footer_new li { padding: 0; margin: 0; display: block; list-style: none; }

.ft_col {
	display: inline-block;
	vertical-align: top;
}
.ft_col.sitemap { width: 240px; }
.ft_col.prog { width: 400px; }
.ft_col.map { width: 310px; text-align: center; }
.ft_col > strong { color: #fff; margin: .75em 0 .25em 0; display: block; }
.ft_col a { display: block; padding: .15em; }
.map_legend { display: block; font-style: italic; text-align: center; }

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

@media screen  and (max-width: 980px) {
	#footer_new .wrap { width: 100%; }
	.ft_col.map { width: 100%; }
}
@media screen  and (max-width: 640px) {
	#footer_new { padding-left: 10px; }
	.ft_col.prog { 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: Arial, helvetica, sans-serif; }

body.resa #header { height: 167px; border-radius: 0; }
body.resa #logo img { margin: 0; max-width: 90%; }

#masthead.vad2012 #titre_cinema h1 { 
	color: #fff; 
	font-family: 'Open Sans', Arial, helvetica, sans-serif; 
	text-align: center;
	top: 130px; 
	left: 0;
	width: 980px;
	background: #000;
	background: rgba(0,0,0,0.6);
}
.message-exploitant { color: #000; border: solid 1px #ccc; }
.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; }

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

/* ajustements mobile */
@media screen and (max-width: 979px) {
    body.resa #logo { max-width: 70%; margin: 1.5em auto 0!important; } 
}

@media screen and (max-width: 640px) {
	#masthead.vad2012 #titre_cinema h1 { background: #4d4d4d; }
}

/*------------------------------------
 portail
------------------------------------*/

body.portail-grand-forum { background: #4d4d4d; }
body.portail-grand-forum #conteneur { background: #4d4d4d url(image/fond_etoiles.png) center 0 no-repeat; margin-top: 0; }
body.portail-grand-forum #masthead { background: none; }

/* on masque certains éléments */
.portail-grand-forum #logo {
	display: none;
}
.portail-grand-forum #header {
	height: 100px;
	padding: 100px 0 220px 0;
	background: none;
}
.portail-grand-forum #header .wrap { text-align: center; }

/* les boutons url vers les sous-sites et upload */
.ftab { display: table; width: 100%; border-collapse: collapse; }
.frow { display: table-row; }
.fcel { display: table-cell; vertical-align: middle; }

#emeraude_bouton_horaires {
    box-sizing: border-box;
    float: right;
    margin: 0 40px 0 0;
}

.bloc_sidebar.dl_horaires:hover,
.bloc_sidebar.dl_horaires:visited:hover,
.bloc_sidebar.dl_horaires:focus {
	background-color: #b61117;
	text-decoration: none;
}
.bloc_sidebar.dl_horaires {
	height: 170px;
	background: #ed1c24 url(image/picto_upload.png) 20px 54px no-repeat;
	color: #ffffff;
	padding: 15px 15px 15px 100px;
	box-sizing: border-box;
	font-weight: bold;
	margin: 0;
	border-radius: 2px;
}
.bloc_sidebar.dl_horaires .txt_dl {
	font-size: 30px;
	display: block;
	line-height: 84px;
}
.bloc_sidebar.dl_horaires .txt_grilles {
	font-size: 30px;
	line-height: 40px;
	display: block;
}

#boutons_cines {
	vertical-align: middle;
}

#boutons_cines ul,
#boutons_cines li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#boutons_cines a,
#boutons_cines a:visited {
	background: #ffffff;
	width: 302px;
	height: auto;
	padding: 20px 10px;
	text-align: center;
	color: #000000;
	margin: 50px auto;
	display: block;
	border-radius: 2px;
}

#boutons_cines a:hover,
#boutons_cines a:visited:hover,
#boutons_cines a:focus {
	text-decoration: none;
	color: #ffffff;
	background: #ed1c24;
}

#boutons_cines a span {
	display: block;
	font-size: 30px;
	font-weight: bold;
}
	
.portail_footer {
	display: block;
	text-align: center;
	clear: both;
	padding: 100px;
}

.portail-grand-forum #footer { background: none; border-top: none; }

.portail-grand-forum #footer_new { 
	background: none;
}
.portail-grand-forum #footer_new ul,
.portail-grand-forum #footer_new li { padding: 0; margin: 0; display: inline-block; list-style: none; margin-right: 10px; }
.portail-grand-forum #footer_new li:last-child { margin-right: 0; }

@media screen and (max-width: 980px) {
	.frow, .fcel { display: block; }
	.portail-grand-forum #header {
		padding: 60px 0 65px 0;
	}
}
@media screen and (max-width: 640px) {
	.headerportail { width: 100%; }
	.portail-grand-forum #header {
		padding: 10px 0 10px 0;
	}
	#boutons_cines a, #boutons_cines a:visited { margin: 30px auto; }
}

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

/* 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: #3d79bd; 
	color: #fff;
	padding: 0.25em;
	border-radius: 0.25em;
}

/* pub cinéday hebdo*/
#pub_cineday_hebdo {
	width: 660px;
	margin: 0 0 1em 0;
}

/* styles dédiés à la résa sur appli */
.resa-app-mobile { background: #4d4d4d; }
.resa-app-mobile #masthead #header {
	background: #4d4d4d url(image/logo_pages-3x.png) top left no-repeat; 
	height: 67px;
	border-radius: 0;
	background-size: contain;
}
.resa-app-mobile .tcine { 
	display: block!important;
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: -50px;
	left: 220px;
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.resa-app-mobile .tcine + .tcine  { top: 34px; }

/* Fiches film liés */
.fichefilm-sites-lies > h4:first-child { display: none; }
.fichefilm-sites-lies > h4:nth-child(2) { margin-top: 20px; }
.fichefilm-sites-lies .ajaxload { font-size: 20px; }
.fichefilm-sites-lies .ajaxload:hover { color: #ed1c24; text-decoration: none; }