@font-face {
	font-family: 'Conv_helsinki';
	src: url('fonts/helsinki.eot');
	src: local('☺'), url('fonts/helsinki.woff') format('woff'), url('fonts/helsinki.ttf') format('truetype'), url('fonts/helsinki.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap ;
}


@font-face {
	font-family: 'Zootopia';
	src: url('fonts/ZootopiaJPosters.com.ar.eot');
	src: url('fonts/ZootopiaJPosters.com.ar.eot?#iefix') format('embedded-opentype'),
		url('fonts/ZootopiaJPosters.com.ar.woff') format('woff'),
		url('fonts/ZootopiaJPosters.com.ar.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap ;
}

/* This file will hold styles for the mobile version of your website (mobile first). 'novecento-bold'*/
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body {
	background-color: #909090;
	font-family: Arial;
}

/* zones */
.zone {
	background-color: #FFF;
}

#zone-user{
	background-color: #909090;
}

h1 {
	font-family: Times;
}

h5 {
	margin-bottom: 0;
	font-size: 1em;
}

p {
	text-align: justify;
}

p.nomargin {
	margin:0px;
	padding:0px;
}

sub, sup {
  font-size: 60%;
  /* font-size: 75%; */
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul.nomargin {
	margin:0px;
	padding:0px;
}
small{
	font-size: smaller;
}
big{
	font-size: larger;
}

.adminonly{
	display: none;
}
.logged-in .adminonly{
	display: block;
}




.page-node .block-main ul.bullet {
	list-style: disc;
	list-style-image:url('sqpurple.gif');
}

ul.bullet li {
	margin-left: 20px;
}

/* Lien PDF */
a.pdf, article a[href$=".pdf"] {
	padding-left: 25px;
	background: url(../images/assets/pdf-s.png) no-repeat left top;
	text-decoration: none;
	border:none;
}
a.pdf:hover, article a[href$=".pdf"]:hover {
	text-decoration: underline;
	border:none;
}
/* pdf in webform */
.file > img[src*="pdf"]{
	display: none;
}

/* webform */
.page-node.node-type-webform section article .file img{
	margin: 0px 0 6px 0px;
}

/* LANG */
html[lang='en'] .lang-fr,
html[lang='fr'] .lang-en{display: none;}


/* CKEDITOR Style pdf */
div.pdf a {
	padding-left: 25px;
	background: url(../images/assets/pdf-s.png) no-repeat left top;
	text-decoration: none;
}
/*div.pdf a:nth-child(n+1) {
	background:none;
}*/


div.pdf a:hover {
	text-decoration: underline;
}
div.pdf {
	display:block;
}
/* Autre technique pour styler les PDF */
a[href$=".pdf"]{  } /* désigne tous les liens dont l'attribut href se termine par la chaîne ".pdf" */


/* BLOC TELECHARGEMENT TOKEN - problemes de marges avec les ul, li */
ul.token.nomargin, .token.nomargin,
.token.nomargin + p,
.token.nomargin + p + p,
p + p + .token.nomargin,
p + .token.nomargin {
	margin:auto 0px;
	padding:0px 0px;
}


/********************************************
***************** UTILES ********************
*********************************************/
.lowercase{
	text-transform:lowercase;
}
.uppercase{
	text-transform:uppercase;
}



/*********************************************************************************************************
*********************************************** FONTS & COLORS********************************************
**********************************************************************************************************

green		#22B573	UNIVERS CINEMA
turquoise	#009CA4	UNIVERS FRESNOY
pink		#F2276A	UNIVERS ECOLE
violet		#475CA2	UNIVERS EXPO
grey		#666666
grey menu	#B3B3B3
grey texts	#4D4D4D
grey light (border) 	#CCC

Fonts
Gotham 		gotham-bold	gotham-bold-italic
Arial


*/

/* HOME */
.context-homepage h1, .context-homepage h2, .context-homepage h3, .context-homepage h4,.context-homepage h5,.context-homepage .badge-title, .context-homepage .quote, .context-homepage .univcolor {
	/*color: black;*/
	color:#F2276A;

}
.context-homepage #main-menu a.active,.context-homepage #main-menu li.active-trail a,.context-homepage li a.active, .context-homepage header p,
.context-homepage #block-system-main a /* main content */{
	color:#F2276A;
}
/* UNIVERS FRESNOY */
.context-fresnoy h1, .context-fresnoy h2, .context-fresnoy h3, .context-fresnoy h4, .context-fresnoy h5, .context-fresnoy #main-menu .menu-1566 a, .context-fresnoy a {
	color:#009CA4;
}
.context-fresnoy #main-menu a.active, .context-fresnoy #main-menu li.active-trail a, .context-fresnoy li a.active, .context-fresnoy header p, .context-fresnoy .quote, .context-fresnoy .univcolor,
.context-homepage #block-system-main a /* main content */
{
	color:#009CA4;
}


/* UNIVERS ECOLE (+ UNIVERS MEDIATHEQUE)*/

.context-ecole h1, .context-ecole h2, .context-ecole h3, .context-ecole h4, .context-ecole h5, .context-ecole #main-menu .menu-1567 a, .context-ecole #main-menu .menu-1576 a, .context-ecole a,
.context-mediatheque h1, .context-mediatheque h2, .context-mediatheque h3, .context-mediatheque h4, .context-mediatheque h5, .context-mediatheque #main-menu .menu-1571 a, .context-mediatheque a {
	color: #703F1D;
}
.context-ecole #main-menu a.active,.context-ecole #main-menu li.active-trail a, .context-ecole li a.active, .context-ecole header p,.context-ecole .quote, .context-ecole .univcolor,
.context-mediatheque #main-menu a.active ,.context-mediatheque #main-menu li.active-trail a, .context-mediatheque li a.active, .context-mediatheque header p, .context-mediatheque .quote , .context-mediatheque .univcolor {
	color:#703F1D;
}

.context-ecole hr,
.context-mediatheque hr
{
	background:#703F1D;
}
.context-ecole a,
.context-mediatheque a,
.context-mediatheque #block-system-main a /* main content */
{
	color:#703F1D;


}




/* UNIVERS EXPO */
.context-expo-evenements h1, .context-expo-evenements h2, .context-expo-evenements h3, .context-expo-evenements h4, .context-expo-evenements #main-menu .menu-1647 a,.context-expo-evenements a {
	color: #475CA2;
}
.context-expo-evenements #main-menu a.active ,.context-expo-evenements #main-menu li.active-trail a,
.context-expo-evenements ul.menu li.active-trail a, /* pour allumer event prochainement */
.context-expo-evenements li a.active, .context-expo-evenements header p,.context-expo-evenements .quote, .context-expo-evenements .markdown blockquote, .context-expo-evenements .univcolor, .context-expo-evenements a,
.context-expo-evenements #block-system-main a /* main content */
{
	color:#475CA2;
}
.context-expo-evenements hr{
	background-color:#475CA2;
}


/* UNIVERS CINEMA */
.context-cinema h1, .context-cinema h2, .context-cinema h3, .context-cinema h4, .context-cinema h5, .context-cinema #main-menu .menu-1569 a,.context-cinema a,
.context-cinema #block-system-main a /* main content */
{
	color: #22B573;
}
.context-cinema #main-menu a.active ,.context-cinema #main-menu li.active-trail a, .context-cinema li a.active, .context-cinema header p,.context-cinema .quote, .context-cinema .univcolor {
	color:#22B573;
}
.context-cinema hr{
	background-color:#22B573;
}



/* UNIVERS LOCATION */
.context-locations h1, .context-locations h2, .context-locations h3, .context-locations h4, .context-locations #main-menu .menu-1571 a {
	color: #E5870A;
}
.context-locations #main-menu a.active ,.context-locations #main-menu li.active-trail a, .context-locations li a.active, .context-locations header p, .context-locations .quote , .context-locations .univcolor,
.context-locations #block-system-main a /* main content */
{
	color:#E5870A;
}

/* UNIVERS ENTREPRISES */
.context-entreprises h1, .context-entreprises h2, .context-entreprises h3, .context-entreprises h4, .context-entreprises #main-menu .menu-1904 a
{
	color: #E5870A;
}
.context-entreprises #main-menu a.active ,.context-entreprises #main-menu li.active-trail a, .context-entreprises li a.active, .context-entreprises header p, .context-entreprises .quote , .context-entreprises .univcolor,
.context-entreprises #block-system-main a /* main content */
{
	color:#E5870A;
}








/* UNIVERS GROUPES ET SCOLAIRES */
.context-groupes-et-scolaires h1, .context-groupes-et-scolaires h2, .context-groupes-et-scolaires h3, .context-groupes-et-scolaires h4, .context-groupes-et-scolaires h5, .context-groupes-et-scolaires #main-menu .menu-1570 a  {
	color: #8D34F4;
}
.context-groupes-et-scolaires #main-menu a.active, .context-groupes-et-scolaires #main-menu li.active-trail a, .context-groupes-et-scolaires li a.active, .context-groupes-et-scolaires header p ,.context-groupes-et-scolaires .quote,.context-groupes-et-scolaires .univcolor,
.context-groupes-et-scolaires #block-system-main a /* main content */
{
	color:#8D34F4;
}
.context-groupes-et-scolaires hr {
	background:#8D34F4;
}


/* UNIVERS INFOS PRATIQUES */
.context-infos-pratiques h1, .context-infos-pratiques h2, .context-infos-pratiques h3, .context-infos-pratiques h4, .context-infos-pratiques h5, .context-infos-pratiques #main-menu .menu-1572 a  {
	color: #000;
}


.context-infos-pratiques #main-menu a.active ,.context-infos-pratiques #main-menu li.active-trail a, .context-infos-pratiques li a.active, .context-infos-pratiques header p ,context-infos-pratiques .quote,context-infos-pratiques .univcolor,
.context-infos-pratiques #block-system-main a /* main content */
{
	color:#000;
}
.context-infos-pratiques hr
{
	background:#000;
}




/***************************************************************************
******************************* HR ************************************
****************************************************************************/
hr {
	opacity:0.5;
	margin: 0 0px; /* 0 15px */
}

/***************************************************************************
******************************* H2 home ************************************
****************************************************************************/

.block-block-13 h2, #block-views-cinema-slider-thisweek.slider-header h2.block-title, .slider-header h2, aside .region-sidebar-second-inner h2, footer section#block-block-3 .block-title, #block-block-16 .block-title, #block-webform-client-block-903 .block-title   {
		color: #000;
		font-weight: normal;
		font-size: 1.6em;
		margin-bottom: 10px;
}


/***************************************************************************
******************************* BARRES NOIRES  *****************************
****************************************************************************/

h2.block-title:empty {
	display: none;
}

 #block-block-7, #block-block-12, #block-block-4, #block-block-5, #block-block-11, .spotlight-sidebar,
 #block-block-9, #block-block-8, #block-block-10, .block-views-spotlights-news, #block-block-15,
 #block-block-16, #block-block-17, #block-block-20, #block-block-21, #block-block-22, #block-block-23,
 #block-block-28, #block-block-30  {
	border-top: thick black solid;
}



/***************************************************************************
******************************* EDITO ***************************************
****************************************************************************/

#block-block-13 {
	border-top: solid thick	black;
}

/***************************************************************************
******************************* NEWS ***************************************
****************************************************************************/
.spotlight-news {
	padding: 0 10px;
}

.spotlight-news ul{
	padding: 0px;
	list-style: none;
}

.spotlight-news .news-date{
	font-weight: bold;
}

.spotlight-news .news-content a {
	text-decoration: none;
	color: #444;
	font-size: 0.9em;
}



/***************************************************************************
************************** SPOTLIGHT BADGE *********************************
****************************************************************************/
.spotlight-badge .badge-title {
	margin-top: 10px;
	display: block;
	font-weight: bold;
	line-height: 1.3em;
}






/***************************************************************************
************************** PAGE PARTENAIRES  *******************************
****************************************************************************/

.page-node-23.page-node article ul {
	clear: both;
	margin-bottom: 35px;

}

.page-node-23.page-node article ul li {
	margin: 0;
	padding: 0;
}

.page-node-23.page-node article ul li ul li {
	margin: 0;
	padding: 0;
}
.page-node-23.page-node article ul li ul li:first-child {
	margin: 0;
	padding: 0;
	float: left;
	min-width: 200px;
}




/***************************************************************************
************************** PAGE CONTACT ************************************
****************************************************************************/



/***************************************************************************
************************** FOOTER ******************************************
****************************************************************************/


/* Coordonnées Fresnoy */
.footer-fresnoy h3 {
	color: #000;
}


/* SOCIAL NETWORKS */
.block-block-3 h2{
	color: #000;
}


/***************************************************************************
************************** EQUIPEMENTS *************************************
****************************************************************************/

.page-node-159 .zone-content h2, .page-node-160 .zone-content h2 {
	margin-top: 10px;
}

.page-node-159 .zone-content .equipements h3, .page-node-160 .zone-content .equipements h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	display: block;
	border-top: dashed thin #AAA;
	padding: 5px 0;
	border-bottom: dashed 1px #AAA;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 470px
}

.page-node-159 .zone-content .equipements  ul ,.page-node-160 .zone-content .equipements  ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 0;
	margin-left: 20px;
	width: 470px;
	font-size: 0.9em;
	color: #444;
	margin-left: 20px;
	margin-bottom: 25px;
}

.page-node-159 .zone-content .equipements .contact, .page-node-160 .zone-content .equipements .contact {
	display: block;
	margin-bottom: 20px;
}

.page-node-159 .zone-content .equipements .contact a, .page-node-160 .zone-content .equipements .contact a{
	color: #444;
}



/***************************************************************************
************************** HISTORIQUE / CATALOGUES *************************
****************************************************************************/

.page-node .region-content .dateLimitLeft, .page-node .region-content .limitLeft  {
	font-size: 1.5em;
	margin-bottom: 20px;
	margin-left: -46px;
	position: relative;
	top: 13px;
	color: #CCC;
	border-bottom: thin	#DDD solid;
	width: 340px;
	line-height: 1.2em;
	padding-left: 3px;
}

.page-node-220 article p, .page-node-221 article p{
	text-align: justify;
}


/*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* This file will hold styles that are loaded using the same media query as the normal grid. */

/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */


/*********************************************************************************************************
*********************************************** FONTS & COLORS********************************************
**********************************************************************************************************

green		#22B573	UNIVERS CINEMA
turquoise	#009CA4	UNIVERS FRESNOY
pink		#F2276A	UNIVERS ECOLE
violet		#475CA2	UNIVERS EXPO
grey		#666666
grey menu	#B3B3B3
grey texts	#4D4D4D
grey light (border) 	#CCC

Fonts
Gotham 		gotham-bold	gotham-bold-italic
Arial


*/

/*********************************************************************************************************
*********************************************** DEBUG  ***************************************************
**********************************************************************************************************/
.messages.status {
	/*position: fixed;*/
	top: 90px;
	left: 0;
	z-index: 2000;
	/*width: 130px;*/
}


.not-logged-in .messages.error {
	display:none;
}





/*********************************************************************************************************
*********************************************** GENERAL **************************************************
**********************************************************************************************************/

p, span,h1, h2, h3, h4, h5, h6 {
	/*letter-spacing:-0.05em;*/ /* illisible */
	font-family:Arial;
}

h1.title {
	font-weight: normal;
	font-style: italic;
}



table {
	border:none;
	width:auto;
}
#region-user-first {
	height:33px;
	margin-top:15px;
}
.views-field-title {
	font-weight:bold;
}

#localtag {
	height: 120px;
	width: 120px;
	background: url(../images/assets/local.png) no-repeat center center;
	position: fixed;
	display: block;
}

/*
	LIENS A
*/

a {
	text-decoration:none;
	color:inherit;
}
a:hover { text-decoration:none; }

	/* LIEN  #block-system-main -> MAIN CONTENT */
	#block-system-main a {
		color:inherit;
		text-decoration:none;
		border-bottom:1px dotted;
	}

	#block-system-main a:hover {
		text-decoration:none;
		border-bottom-style:dashed;

	}

	#block-system-main a.pdf,
	#block-system-main .pdf a,
	#block-system-main a[href$=".pdf"],
	#block-system-main a[href$=".pdf"]:hover
	{
		border-bottom:0px dotted;

	}





.details {
	font-size:10px;
	color:#666666;
}

.details a {
	color:#666666;
}

article img {
	max-width:100%;
	height:auto;
}


/*********************************************************************************************************
 *********************************************** EVENEMENTS - event.js ************************************
 **********************************************************************************************************/




article.now {

}

article.past {
	opacity:0.5;

	/*pointer-events:none;*/
}

article.upcoming {

}


/* event.js put this */
.page-node section article.past.firstpast:before {
	content: "Événements passés : ";
  border-bottom: 1px solid grey;
  padding-bottom: 15px;
  margin-bottom: 20px;
  width: 70%;
  display: block;
}









/*********************************************************************************************************
 *********************************************** LOGO *****************************************************
 **********************************************************************************************************/


 .logo-img {
	margin-left:0px;
	margin-bottom:20px;
	margin-top:20px;
	width:100%;
	overflow:hidden;
}



/********************************************************************************************
******************************* TABS / SOUS SOUS MENU ***************************************
*********************************************************************************************/

.block-main .custom-tabs ul.ui-tabs-nav {
	float: left;
	margin: 25px 20px 10px 0px;
	padding: 10px 0;
	border-top: thick solid black;
	/*border-bottom: thick solid black;*/
	background-color: #EEE;
}

.block-main .custom-tabs.right ul.ui-tabs-nav {
	float: right;
	margin: 0px 0px 10px 10px;
	z-index:1;
	position:relative;
}

.custom-tabs li.ui-state-default {
	margin: 0;
	padding: 5px 5px;
	display: block;
	clear: both;
	width: 150px;
	margin-top: 5px;
	overflow: hidden;
}

.ui-tabs .ui-tabs-nav li{
	white-space:unset;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color: #CCC;
}
.ui-tabs .ui-tabs-nav li a {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
}
.custom-tabs .ui-state-active a {
	color: white;
}

.page-node .section-content #region-content .ui-tabs section {
	margin-top: 0px;
}
.page-node .section-content #region-content .ui-tabs section.ui-tabs-panel {
	padding:1em 0px;
	padding-top:0;
}
.page-node .section-content #region-content .ui-tabs article {
	padding:0px;

}

/*********************************************************************************************************
*********************************************** BLOCK PARTENAIRES ****************************************
**********************************************************************************************************/
.block-partenaires {
	text-align:left;
}

.block-partenaires a{

	color: #000;
	text-decoration:none;
	color:inherit;
	white-space:nowrap;

}


.block-partenaires a:hover {

	border-bottom:1px dotted;

}


/*********************************************************************************************************
*********************************************** BLOCK PRATIQUE********************************************
**********************************************************************************************************/


.block-pratique {
	padding: 0;
	overflow: scroll;
	font-family: Arial;
	font-size: 0.85em;
	color: #000000;
	padding-top: 20px;
	padding-left:15px ;
	height: 349px;
	width: 255px;
}

	.block-pratique p {
		text-align: left;
	}

	.block-pratique h1 {
		font-size: 1.6em;
		color: #000;
		font-weight: normal;
		font-family: Arial;
		font-style: normal;
		margin:0;
		padding:0;
	}


	.block-pratique h3 {
		font-size:1em;
		font-weight:bold;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	.block-pratique p {
		margin:0;
		margin-bottom:10px;
	}
	.block-pratique .details {
		font-size:10px;
		color:#666666;
	}


	.block-pratique a:hover { border-bottom:1px dotted; }

	.block-pratique ul {
		margin-top:5px;
		list-style: none;
		padding: 0;
	}

	.block-pratique a,.block-pratique .access ul li a {
		text-decoration:none;
		color:inherit;
	}

	.block-pratique a.link {
		text-decoration: underline;
	}
	.block-pratique a.googlemap:hover {
		border: none;
	}

	.block-pratique span.round {
		height:35px;
		display:inline-block;
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:29px;
		line-height:39px;
		border-top:thin dotted #CCC;
		width:225px;
	}
	.block-pratique .round-m {
		background-image:url(../images/assets/round-M.png);
	}
	.block-pratique .round-b {
		background-image:url(../images/assets/round-B.png);
	}
	.block-pratique .round-i {
		background-image:url(../images/assets/round-I.png);
	}
/*********************************************************************************************************
*********************************************** BLOC TELECHARGEMENTS *************************************
**********************************************************************************************************/
/* #block-block-15 Téléchargements homepage */
/* #block-block-16 Groupes et scolaires */


#block-block-15 ul, #block-block-16 ul{
	margin-left: 20px;
	list-style: none;
}

#block-block-15 ul li a, #block-block-16 ul li a{
	text-decoration: none;
	color: #4D4D4D;
}


/********************************************************************************************
******************************* LISTES ***************************************
*********************************************************************************************/

/* Contenu liste en ligne (exemple liste artistes)*/
#region-content ul.inline {
	display:block;
}
#region-content ul.inline li {
	display:inline-block;	/* les noms ne sont pas coupés */
	padding:0px;
}
#region-content ul.inline:not(.unstyled) li:after {
	content:" - ";
}
#region-content ul.inline li:last-child:after {
	content:"";
}





/*********************************************************************************************************
*********************************************** NEWS *****************************************************
**********************************************************************************************************/


#block-views-spotlights-news .rownewscss {
	width:190px;
	text-align:justify;
	vertical-align:top;
	background:#FFF;
	margin-left:10px;
	margin-right:10px;
	padding:0;
}
#block-views-spotlights-news .rownewscss.col-first, .rownewscss.col-last {
	background:#DDD;
	margin:0;
}

#block-views-spotlights-news .rownewscss .views-field-title {
	font-weight:bold;
	text-decoration:none;
}
#block-views-spotlights-news .rownewscss .views-field-title a:active, .rownewscss .views-field-title a {
	text-decoration:none;
	color:#000;
}
#block-views-spotlights-news .rownewscss .views-field-title a:hover {
	text-decoration:underline;
}


#block-views-spotlights-news .view-footer a
{
	font-family:Times;
	font-style:italic;
	font-size:12px;
	text-decoration:none;
	color:black;
}

/*********************************************************************************************************
*********************************************** MAIN MENU ************************************************
**********************************************************************************************************/
#zone-menu {
	padding-bottom: 15px;
}
#main-menu {
	text-transform:uppercase;
	font-size:0.85em;
	/*height:25px;*/
	display:block;
	font-family:'gotham-bold', Arial;
	/*margin-top:25px;*/
	margin-bottom:0;
}

#main-menu li{
	padding: 0;
}

.menu-block-1 a, #main-menu a {
	font-size: 1.2em;
	color:#B3B3B3;
	text-decoration:none;
}


/**************************************************** main menu sub menu */

.menu-block-1 {
}
	.menu-block-1 ul {
		display:block;
	}
		.menu-block-1 ul.menu li {
			display:inline;
			padding:0;
		}
	.menu-block-1 a {
		color:#999;
		font-family:Arial;
		font-weight:normal;
		font-size:1em;
		display:inline-block;
	}
ul.main-menu li,.block-menu-block ul.menu li {
	margin-right:10px;
}

li.menu-1565.first {
	margin-left: 6px;
}


/*********************************************************************************************************
*********************************************** SECONDARY MENU *******************************************
**********************************************************************************************************/


/* .block-menu-secondary-menu */
#block-menu-menu-secondary-menu {
	float:left;
	margin-right:10px;
	margin-top:5px;
}
	#block-menu-menu-secondary-menu li {
		display:inline;
		padding:0px;
	}
		#block-menu-menu-secondary-menu li a {
			text-decoration:none;
			color:#FFF;
			font-size:1em;
		}
/* admin lnks */
#zone-user.block-menu-secondary-menu div.contextual-links-wrapper {
	top:-18px;
}


/* MENU JOBS : ajout d'un notificateur vert */
#block-menu-menu-secondary-menu .last{
	/* en cas d'annonce   background-image: url(../images/assets/exclamation.png); */
	background-image: url(../images/assets/exclamation.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: inline-block;
	padding-top: 4px;
	margin-top: -4px;
	padding-right: 6px;
	margin-right: -6px;
	position: relative;
}

/***************** LIEN ACTIF ***********************/

#block-menu-menu-secondary-menu li a.active {
	border-bottom:11px solid #FFF;
	padding-bottom:4px;
	color:#FFF;
}
/***************** RECHERCHE ***********************/

#block-search-form {
	margin:0;
	float:left;
	color:#999;
	font-size:1em;
	margin-top:5px;
	margin-right:10px;
}
#edit-search-block-form--2 {
	background:none;
	border:thin solid grey;
	width:135px;
	height:18px;
	color:#999;
	margin-bottom:3px;
}
.form-item-search-block-form label {
	font-weight:normal;
}
/***************** LANGUES ***********************/


/* block-language */
.block-locale {
	margin-top:5px;
}
	.block-locale ul.language-switcher-locale-url li.first::after {
		/* background:url(../images/assets/separation-lang.png) right center no-repeat; */
		content: "/ ";
		display:inline-block;
		margin-left: -6px;
		color:#666;
	}
	.block-locale a.language-link, .block-language abbr {
		color:#FFF;
		text-decoration:none;
		font-size:1em;
		text-transform:capitalize;
	}
	.block-locale a.language-link.active abbr {
		color:#666;
	}

/* language */

#block-locale-language {
	float:left;
}
	#block-locale-language ul {
		margin-left: 40px;
	}
	#block-locale-language li {
		display:inline;
	}
	#block-locale-language li abbr{
		text-decoration:none;
		text-transform:capitalize;
		margin-right:10px;
	}


/*********************************************************************************************************
*********************************************** CONTENT **************************************************
**********************************************************************************************************/

.region-content .region-inner {
	border-top-color:black;
	border-top-style: solid;
	border-top-width: thick;
	color: #000000;
}

/*********************************************************************************************************
*********************************************** SIDEBAR **************************************************
**********************************************************************************************************/

.region-sidebar-second-inner {
	padding:0;
}

.spotlight-sidebar {
}

.spotlight-sidebar:empty {
	display:none;
}

.spotlight-sidebar .views-row{
	margin-bottom:20px;
}

.spotlight-sidebar .title.hidden,
.spotlight-sidebar .views-field-field-subtitle.hidden,
.spotlight-sidebar .dates.hidden
{
	display:none;
}

.spotlight-sidebar .views-row {
	position: relative;
	overflow:hidden; /* action clic sur le spotlight téléchargements */
}

.spotlight-sidebar .subtitle ,.spotlight-sidebar .title a {
	color:#FFF;
	text-decoration:none;
	padding-left:5px;
}
.spotlight-sidebar .subtitle {
	display:block;
	width:265px;
	height: 20px;
	bottom:25px;
	z-index:2;
	position:absolute;
	height:20px;
	margin-bottom:-20px;
	z-index:3;
	padding-left: 10px;
	pointer-events:none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.spotlight-sidebar .title {
	display:block;
	height:20px;
	width:265px;
	color:#FFF;
	font-size:1.2em;
	/*font-family:NewsGBT;*/
	padding-left: 10px;
	font-weight:bold;
	position:absolute;
	bottom:25px;
	z-index:3;
	pointer-events:none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.spotlight-sidebar .views-field-field-main-images:after {
	/*content:"";
	width:270px;
	height:130px;
	position:relative;
	z-index:2;
	display:block;
	bottom:130px;
	margin-bottom:-130px;

	background:-moz-linear-gradient(top,  rgba(0,0,0,0) 48%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 99%, rgba(0,0,0,0.75) 100%);
   	background:-webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75)));
   	background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
   	background:-o-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
   	background:-ms-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
   	background:linear-gradient(to bottom,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
   	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
   	pointer-events:none;
	*/
}


.spotlight-sidebar .dates {
	position: absolute;
	top: 0;
	background: #AAA;
	color:
	white;
	font-size: 0.8em;
	right: 0;
	padding: 1px 5px;
}


/*********************************************************************************************************
*********************************************** HEADLINE *************************************************
**********************************************************************************************************/

.spotlight-headline {
	height:360px;
	width:100%;
	position:relative; /*référence !!!*/
	margin-bottom:33px;
}
	.spotlight-headline .gradient {

		width:870px;
		height:270px;
		display:block;
		position:relative;
		bottom:270px;
		margin-bottom:-270px;
		background:-moz-linear-gradient(top,  rgba(0,0,0,0) 48%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 99%, rgba(0,0,0,0.75) 100%);
		/* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75)));
		/* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
		/* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
		/* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
		/* IE10+ */
		background:linear-gradient(to bottom,  rgba(0,0,0,0) 48%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 99%,rgba(0,0,0,0.75) 100%);
		/* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
		/* IE6-9 */
		pointer-events:none;

		display: none;
	}

	.spotlight-headline .titre-headline a, .spotlight-headline .dates, .spotlight-headline .soustitre {
		bottom:100px;
		position:relative;
		color:#FFF;
	}

	.spotlight-headline .titre-headline.hidden{
		display:none;
	}

	.spotlight-headline .titre-headline a {
		font-size:2.1em;
		line-height:1.2em;
		font-family:Arial;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
		z-index:3;
		padding-left:25px;
		float: left;
		display: inline-block;
		/*background-color: rgba(0,0,0,0.5);*/
		padding-right: 20px;
		text-shadow: 0px 0px 4px #000;
	}

	.spotlight-headline .titre-headline.hidden,
	.spotlight-headline .soustitre.hidden,
	.spotlight-headline .dates.hidden
	{
		display:none;
	}

	.spotlight-headline .dates {
		display: block;
		min-width: 150px;
		min-height: 50px;
		float: left;
		font-family: Times;
		font-size: 1.4em;
		position: absolute;
		top: 324px;
		padding-left: 25px;
		font-weight: bold;
		text-shadow: 0px 0px 2px #000;
	}

	.spotlight-headline span.date-start {
		padding-left:34px;
		background:url(../images/assets/separationHeadline.png) left top no-repeat;
	}

	.spotlight-headline span.date-start, .spotlight-headline span.date-end  {

		display:block;
		height:100px;
		min-width:50px;
		padding-top:9px;
		z-index:5;
		float:left;
	}


	.spotlight-headline span.date-start span, .spotlight-headline span.date-end span {
		font-size:1.5em;
		font-family:Times;
		font-style:italic;
		text-shadow: 0px 0px 2px #000;
	}



	.spotlight-headline .soustitre {
		clear:both;
		display:block;
		padding-left:25px;
		font-size:1.2em;
		font-family:Arial;
		font-style:italic;
		z-index:6;
		text-shadow: 0px 0px 1px #000; /* */

	}
	/**/

	.spotlight-headline a[href*="vimeo"] {
		position:relative;
	}

	.spotlight-headline .field-content a[href*="vimeo"]:after {
		content:"";
		background:
			url(../images/assets/vimeo-player-overlay.png) no-repeat center bottom,
			url(../images/assets/bouton-play-transparent.png) no-repeat center 50%;
		background-size:70%, 7%;
		position:absolute;
		bottom:-36px;
		height: 360px;
		/* height:40px; */
		width:100%;
		left:0px;
	}




/************************************************ CONTROLLERS *******************************************/

.spotlight-headline .views-slideshow-controls-bottom {
	margin-top: -220px;
}

#views_slideshow_controls_text_spotlights-block_1_1 span{
	display: block;
	width: 14px;
	height: 61px;
	position: relative;
	z-index: 10;
}
#views_slideshow_controls_text_pause_spotlights-block_1_1 {
	display: none;
}
#views_slideshow_controls_text_previous_spotlights-block_1_1 {
	background: url(../images/assets/arrow-left.png) no-repeat center center;
	right: 59px;
	bottom: 60px;
}

span#views_slideshow_controls_text_next_spotlights-block_1_1 {
	background: url(../images/assets/arrow-right.png) no-repeat center center;
	left: 915px;
	bottom: 181px;

}
#views_slideshow_controls_text_spotlights-block_1_1 span a{
	display: none;
}

/* les puces */
#widget_pager_bottom_spotlights-block_1_1 {
	position: absolute;
	bottom: -20px;
	right: 0px;
	float: right;
	display: block;
	height: 12px;
	z-index: 100;
}
.spotlight-headline .views-slideshow-pager-field-item .puce {
	width:10px;
	height:10px;
	background:url(../images/assets/bullet.png) no-repeat center center;
	margin-right:3px;
	display:block;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	opacity:1;
	cursor:pointer;
}

.views-slideshow-pager-field-item div{
	display:inline-block;
}
.views-slideshow-pager-fields > div{
	padding-left:0px;
}


.spotlight-headline .views-slideshow-pager-field-item.active .puce {
	-khtml-opacity:.50;
	 -moz-opacity:.50;
	 -ms-filter:"alpha(opacity=50)";
	  filter:alpha(opacity=50);
	  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
	  opacity:.50;
}

/********** STICKER HEADLINE */
.spotlight-headline .sticker {
	font-size: 1em;
	position: absolute;
	top: 240px;
	color: white;
	display: block;
	background-color: #F2276A;
	padding: 0 5px;
	margin-left: 30px;
}

/* ANNULE */
.spotlight-headline .sticker.type-191 {
	/*font-size: 2em;
	top: 220px;*/
}


/********** MENTION SPECIALE / COPYRIGHT */
.spotlight-headline .copyright {
	font-size: 0.8em;
	position:absolute;
	top	: 335px;
	right:30px;

	color: #CCC;
	float: right;
	padding-right: 15px;
	display:none; /* mobile first */
}


/*********************************************************************************************************
*********************************************** HOME PAGE ************************************************
**********************************************************************************************************/
h2.pane-title{
	margin-bottom: 10px;
}

/* les badges de la homepage */
.context-homepage .pane-spotlights .pane-title {
	color: #000;
	font-weight: normal;
	font-size: 1.6em;
}

.context-homepage .pane-spotlights h3.title {
	margin: 0;
	margin-bottom: 10px;
}

.context-homepage .pane-spotlights .soustitre {
	margin: 0;
	margin-bottom: 5px;
}




.context-homepage .pane-spotlights p {
	margin-top: 5px;
	color: #4D4D4D;
	font-size: 0.8em;
	word-break: break-word;
	text-align: left;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}



/*********************************************************************************************************
*********************************************** UNIVERS ECOLE ********************************************
**********************************************************************************************************/

/*********************************************************************************************************
*********************************************** LIGHT BOX MAISON *******************************************
**********************************************************************************************************/
.customLightBox{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 999;

	display:none;
}
.customLightBox .container{
	position: relative;
}


/*********************************************************************************************************
*********************************************** UNIVERS EXPO *******************************************
**********************************************************************************************************/

/*

.context-expo-evenements .even article:after {
	content:"";
	display:inline-block;
	height:1px;
	background:#666;
	background:#475CA2;
	opacity:0.6;
	width:66%;
}

*/

/**********
*********** PAGES PANORAMA
***********/


/******** PANORAMA 21 */
.page-node-4877 #art-in-progress iframe.media-youtube-player {
	width: 300px;
	height: 150px;
}




/*********************************************************************************************************
*********************************************** UNIVERS CINEMA *******************************************
**********************************************************************************************************/


/*

	BADGES

*/

/*
	supprime le type
	 - art et essai
	en liste de film
*/
.grid-badge .type.type-87 {
	display:none;
}

body .grid-badge .coupdecoeur:before,
body .grid-slider .coupdecoeur:before
{
	content: "♥";
    color: white;
	display: block;
    width: 20px;
    height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	font-size: 17px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 20px;
    background-color: #22B573;
    pointer-events: none;
}




.view-cinema{

}

.view-cinema h2{
	color:#1d1d1d;
	font-weight:normal;
	font-size:1.9em;
	letter-spacing:0.05em;
}

/*

	Icon coup de coeur

*/

body:not(.logged-in) body .grid-badge .coupdecoeur:before,
body:not(.logged-in) .grid-slider .coupdecoeur:before
{
	/*display:none;*/
}


/*

	BLOCK - Coup de coeur

*/

body:not(.logged-in) .block-cinema-cinema-block-coupdecoeur{
	/*display:none;*/
}


.page-cinema .block-cinema-cinema-block-coupdecoeur{
	margin:40px auto;
}

.page-cinema .block-cinema-cinema-block-coupdecoeur .avatar{
	float:left;
	margin-right: 15px;
}
.page-cinema .block-cinema-cinema-block-coupdecoeur .text.scroll-pane{
	width:auto;
	height: 240px;
}
.page-cinema .block-cinema-cinema-block-coupdecoeur .text.scroll-pane h2{
	margin:0;
	font-size:1.5em;
}







/*
	PAGE PROGRAMMATION GENRE
*/

.page-cinema-cinematheque-francaise .logo.cinemathequefr {
	background:url(../images/logos/partners/logo_cinematheque_s.jpg) no-repeat center center;
	background-size:100%;
	display:block;
	width: 180px;
	margin: 0px 0px 20px 0px;
	height:100px;

}


.page-cinema-cinematheque-francaise .logo span{
	display:none;
}





/*

	PAGE PROGRAMMATION FILM

*/


.page-cinema-film #page-title /* TITRE Drupal (pas à la bonne place) */
{
	display:none;
}


body.page-cinema-film h3 {
	color:#22B573;
}
.page-cinema-film .film-synopsis ul {
	list-style:none;
}

.page-cinema-film .item-list ul li {
	margin:0px;
}

.page-cinema-film hr {
	background:#d9d9d9;
}

.page-cinema-film .film
{
	position:relative;
	/*overflow:hidden;*/ /* rien ne dépasse sur mobile */ /* -> ça fou la zone en ouverture de vidéo */
}

.page-cinema-film .film-teaser {
	visibility:hidden;
	position:absolute;
}
.page-cinema-film .film-teaser.visible {
		visibility:visible;
		position:relative;
	}
.page-cinema-film .film-avatar.hidden {
	/*display:none;	*/
	position:absolute;
	visibility:hidden;
}

.page-cinema-film .close_video
{
	background:url(../images/assets/close-icon.png);
	background-size:20px;
	width:20px;height:20px;display:block;position:absolute;top:-16px;right:-8px;
	cursor:pointer;

	animation: closevideoanim 10s infinite linear;
   -webkit-animation: closevideoanim 10s infinite linear;
   -moz-animation: closevideoanim 10s infinite linear;
   -o-animation: closevideoanim 10s infinite linear;
}

@-webkit-keyframes closevideoanim {
	0% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.6); }
	50% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4); }
	100% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.6); }
}
@-moz-keyframes closevideoanim {
	0% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.6); }
	50% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4); }
	100% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.6); }
}
@-o-keyframes closevideoanim {
	0% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.6); }
	50% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.4); }
	100% { box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.6); }
}


.page-cinema-film .film-avatar {
	position:relative;
	height:325px; /*on se reserve la place au cas où l'image ne serait pas présente*/
	background:black;
	overflow:hidden;
}
.page-cinema-film .film-avatar img{
	position:absolute;
}


/* BOUTON PLAY SUR L AVATAR*/

.page-cinema-film .film-avatar.hasTeaser:after, .videoPlay:after {
		background:url(../images/assets/bouton-play.png) no-repeat;
		content:"";
		display:block;
		width:91px;
		height:91px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-45px 0px 0px -45px;
		opacity:.2;
	}
.page-cinema-film .film-avatar.hasTeaser:hover:after {
	opacity:.5;
}
.page-cinema-film .film-avatar.hasTeaser {
	cursor:pointer;
}
.page-cinema-film .film-infos-complementaires::before {
	content: "Informations complémentaires sur la projection";
	position: absolute;
	top: -20px;
	left: 0px;
	font-weight: bold;
	background: #22B573;
	color: white;
	padding: 0px 5px;
	display: block;
	width: 98%;
}
.page-cinema-film .film-infos-complementaires{
	/* OLD PRESENTATION */
	/*padding: 5px;
	color: white;
	text-align: left;
	margin: 5px 0px;
	background: #22B573;*/
	color: #22B573;
	text-align: left;
	margin: 5px 0px;
	border-bottom: 1px solid #22B573;
	padding: 10px 20px;
	border-top: 1px solid #22B573;
	position: relative;
	margin-top: 35px;
}

.context-cinema.page-cinema-film #block-system-main .film-infos-complementaires a{
	color:#22B573;
	/* color:white; */
	text-decoration:none;
	border-bottom:1px dotted #22B573;
}




.page-cinema-film .film-infos-complementaires p{
	margin-bottom: 5px;

}

.page-cinema-film .film-infos-complementaires h2{
	font-size: 1.1em;
	margin-bottom:0px;
}

.page-cinema-film .film-head h1 {
	font-family:'gotham-bold'-italic, Arial;
}
.page-cinema-film .film-period {
}
.page-cinema-film .film-period .item-list div,
.page-cinema-film .film-period .item-list ul li {
		display:inline;
	}
	.page-cinema-film .film-period div.field {
		display:none;
	}
	.page-cinema-film .film-period .field.field-type-datetime {
		display:inline;
	}
.page-cinema-film .film-technic {
	clear:both;
}
.page-cinema-film .film-diffusion {

}
.page-cinema-film .film-synopsis {
	color: #4D4D4D;
}
.page-cinema-film .film-infos {

}
.page-cinema-film .film-infos ul{
	margin:0px;
}


.page-cinema-film .film-infos a{
	color:black;
}

.left-film-avatar:before {
   /* background: none repeat scroll 0 0 #D9D9D9;*/ /* on enleve pour l'instant la barre, on verra si ça gene */
    content: "";
    display: block;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}


.film-projection .session{
	display:table-caption;
	background:#22B573;
	color:white;
	font-weight:bold;
	/*border-top:1px solid #d9d9d9;*/
	/*border-bottom:1px solid #d9d9d9;*/
	/*text-align:center;*/
	letter-spacing:0.1em;
	padding: 0px 5px;

}

.page-cinema-film .film-projection{
	/*border-top: thin solid #CCC;*/
	padding: 5px;
	width: 380px;
	margin-bottom: 30px;
	display: table;
	min-height:50px;
	border-bottom:1px solid #d9d9d9;
	/*text-align:center;*/
}


.page-cinema-film .newdate {

	color:#22B573;
	letter-spacing:0em;
	/*text-align: center;*/
	display: table-cell;
	width:100px;
	cursor:default;

}
.page-cinema-film .film-infos {
		float:left;
		display:block;
		width:190px;
		margin:0px 10px 50px 0px;
		/*min-height:450px; pour cinémathèque on enleve*/
}


.page-cinema-film .film-infos ul, .page-cinema-film .film-length {
	font-size: 0.85em;
	list-style: none;
}


.page-cinema-film .film-infos li:first-letter {
	text-transform:uppercase;
}
.page-cinema-film .newdate .day:first-letter {	text-transform:uppercase;}
.page-cinema-film .newdate .day {font-weight:bold;}
.page-cinema-film .newdate .field_dates{
		display:block;
		clear:left;
}

/* cas particulier de précision d'une diffusion en VO/Sous titre différent pour une date */
.page-cinema-film .newdate .field_showing_lang{
	margin-left: 15px; /* 25 */
}



.page-cinema-film .newdate .hour{
	/*display:block;*/
	float:left;
	/*width:50%;*/
	/*clear:left;*/
	margin-right:5px;
}


.page-cinema-film .noproj{
	font-style:italic;
	color:#22B573;
}

/*
	LOCATION ER

	*/

.page-cinema-film .field_location_er
{
	cursor:help;

}

.page-cinema-film .field_location_er,
body.page-cinema .block-pratique .salles .location /* infos pratiques */
{
	overflow:hidden;
	text-indent:-100px;
	width:7px;
	height:7px;
	background:#22B573;
	display:inline-block;
	margin-right:5px; /* infos pratiques */
	/* display: none; */

}

.page-cinema-film .field_location_er.cocteau,
body.page-cinema .block-pratique .salles .location.cocteau
{

}
.page-cinema-film .field_location_er.renoir,
body.page-cinema .block-pratique .salles .location.renoir /* infos pratiques */
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



.page-cinema-film .field_showing_lang, .page-cinema-film .field_showing_format
,.page-cinema-film .field_location_er, .page-cinema-film .field_country {
	/*display:table-cell;*/
	color:grey;
	font-size:0.9em;
}
.page-cinema-film .film-synopsis {
	float:right;
	width:390px;
	/*min-height: 250px;*/
	margin-bottom:30px; /*on preferera les margin: bottom au min height - clogo cinematheque*/
}

.page-cinema-film .newdate .field_showing_lang,
.page-cinema-film .newdate .field_showing_format,
.page-cinema-film .field_country {
	font-size:0.7em;
	color: #22B573
}






/*

	CINEMA - CALENDAR

*/
.movie_date.addtocalendar {
	/*display:none;*/
	/*margin:0px 3px;*/
	padding-left:10px;
	position:absolute;
}


#block-system-main a.atcb-link {
	text-indent:-500px;
	overflow:hidden;
	margin:0; /* 10px */
	padding:0;
	width:10px;
	margin-left:0px;
	line-height:15px;
	border-bottom:0px dotted;
}
.movie_date.addtocalendar .atcb-list{
	background:#22b573;
}
.movie_date.addtocalendar .atcb-item{
	background:none;
}
#block-system-main .movie_date.addtocalendar .atcb-item a.atcb-item-link{
	color:white;
	padding-left:10px;
}

.movie_date.addtocalendar .atcb-link:after{

	content: ""; /* url(assets/calendar-green.svg); */
	background: url(assets/calendar-green.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:10px 10px;
    width: 10px;
    height: 20px;
    text-indent: 0px;
    display: block;
    float: left;
    line-height: 23px;


}




/*
CINEMA - BLOCK CETTE SEMAINE - thisweek
*/
#block-views-cinema-slider-thisweek
{
	border-top: solid thick black;
	position:relative;

}

#block-views-cinema-slider-thisweek h2
{
	text-decoration: none; /* on précise car bug dans infos pratique acces*/

}

#block-views-cinema-slider-thisweek .slider-footer a
{
	font-family:Times;
	font-style:italic;
	font-size:12px;
	text-decoration:none;
	color:black;
}

#block-views-cinema-slider-thisweek .slider-footer
{
	clear:both;

}

.page-cinema-cette-semaine .view-cinema .view-footer p{
	border-top: solid thick	black;
	border-bottom: solid thick	black;
	color:#000;
	font-weight: normal;
	clear: both;
	font-family: gotham-bold, Arial;
	padding: 10px;
	text-transform:uppercase;
	font-size:0.9em;
}




/*
CINEMA - SHORTCODE VIEW
*/
.shortcode-movie .head{
	/* clear:both;  */
	/* ex affichages  : https://www.lefresnoy.net/fr/expo/vacances-de-toussaint-2018#cinema */
	width: 70%}
.shortcode-movie .left, .shortcode-movie .right{
	display:inline-block;
}
.shortcode-movie .left {
	/*width:110px;*/
	margin-right:10px;
	margin-bottom:10px;
	/* width: 30%; */
}
.shortcode-movie .right {
	/* width:70%; */
}
.shortcode-movie .right{
	vertical-align:top;
}
.shortcode-movie .infoscomp {
	font-weight:bold;
}

.shortcode-movie .lnk {
	/* float:right; */
}

/* projection SHORT */
.shortcode-movie.short .head{
		width: 100%;
}
.shortcode-movie.short .left {
	width:10%;
	min-width:80px;
}
.shortcode-movie.short .left img{
	max-width:80px;
	height: auto;
}
.shortcode-movie.short .right {
	width:80%;
	max-width: 510px; /* 590 - 80 */
}






/*********************************************************************************************************
 *********************************************** PAGE HEADER *********************************************
 **********************************************************************************************************/

.page-header {
	margin-bottom: 10px;
}





/*********************************************************************************************************
 *********************************************** PAGE LIBRAIRIE *********************************************
 **********************************************************************************************************/

 .page-librairie .region-content .catlist li { clear:both; padding:20px 0px; min-height:150px;}

.page-librairie .region-content h2 { clear:both; }
.page-librairie .region-content h3 { border-top:1px solid #009CA4;  border-bottom:1px solid #009CA4; }
.page-librairie .region-content .float-left { float:left;}
.page-librairie .region-content .text-right { display:block; margin-left:220px;}
.page-librairie .region-content .image{ width:200px; text-align:center}
.page-librairie .region-content .image img{ width:auto; height:120px; }
.page-librairie .region-content .image a{  border:none; }
.page-librairie .region-content h5{ color:white; background:#009CA4; padding:1px 5px; margin:0px; display:inline-block; float:right;}





/*********************************************************************************************************
 *********************************************** DOCK ***************************************************
 **********************************************************************************************************/


 /* On enferme le dock dans un parent avec une position relative */
 .page-header { position: relative;}
 .film .page-header { height:325px;}



 /*pictures under header_page image */
.page-header:not(.sleep).hover .dock a, .page-header:not(.sleep):hover .dock a
{
	opacity:1;
}
.page-header:hover .dock
{
	/*top:270px;*/ /* BUG POUR DOC BASIC PAGE */
	/*bottom:50px;*/
}

.page-header:not(.sleep).hover .dock div, .page-header:not(.sleep):hover .dock div
{
	height:35px;
	margin:10px auto;
}

.dock div
{
	overflow:hidden;
	height:0px;
	/*width: 300px;*/
	text-align:center;
	margin:0px auto;
	-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease;
}

.dock
{
	position:absolute;
	/*width:99%;*/
	width:100%; /* better for mobile */  /* 590px */
	/*top:324px; */ /* BUG POUR DOC BASIC PAGE */
	bottom:0px;
	background:black; /* IE */
	background:rgba(0,0,0,0.8);
	padding:1px 0px;
	/*margin-left:1px;*/
	margin-left:0px;
	-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease;
	box-shadow: 0px -2px 3px 0px rgba(255, 255, 255, 0.1)

}
.dock a
{
	margin:0px 5px;
	opacity:0;
	-webkit-transition: all 0.6s ease;    -moz-transition: all 0.6s ease;    -o-transition: all 0.6s ease;    transition: all 0.6s ease;
}
.dock:after
{
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-right:-5px;
	border-style: solid;
	border-width: 0 20px 10px;
	border-color: #000000 transparent;
	display: block;
	width: 0;
	z-index: 1;
	opacity:0.8;
}


/*********************************************************************************************************
 *********************************************** FOOTER ***************************************************
 **********************************************************************************************************/


footer #block-block-1 {
	border-top:solid thick black;
	/*height:200px;*/ /* del for mobile use*/
}
/** partie Fresnoy - adresse … **/

footer .footer-fresnoy {
	/*width:200px;
	height:170px;
	margin-top:20px;
	float:left;*/ /* del for mobile use -> grid*/
}
	footer .footer-fresnoy h3 {
		font-weight:bold;
		font-size:1em;
		color:block;
	}
	footer .footer-fresnoy p {
		font-weight:normal;
		font-size:0.8em;
	}
		footer .footer-fresnoy p a {
			text-decoration:none;
			color:#666666;
		}
/**************************************************************** partie logos - tutelles … **/


footer .footer-tutelles {
	/*width:358px;
	height:220px;*/
	/*margin-left:230px;*/ /* remplcé par des grids -> mobile*/
}
	footer .footer-tutelles ul {
		list-style:none;
		margin:0;
		padding:0;
		margin-bottom:20px;
		margin-top:30px;
		height:30px;
	}
		footer .footer-tutelles ul li {
			float:left;
			margin:0;
			padding:0;
			margin-left: 24px;
		}
			footer .footer-tutelles ul li a span {
				display:none;
			}
	footer .footer-tutelles p {
		font-size:0.8em;
		color:#4D4D4D;
	}
	footer .footer-tutelles .logo {
		display:block;
		height:30px;
		margin-right:5px;
	}
		footer .footer-tutelles .logo.ministere {
			background:url(../images/logos/tutelles/logo-ministere-culture-s.png) no-repeat center center;
			width:25px;
		}
		footer .footer-tutelles .logo.region-hdf {  /* HAUT DE FRANCE !! */
			background:url(../images/logos/tutelles/logo-region-hdf-s.png) no-repeat center center;
			width:30px;
		}

		footer .footer-tutelles .logo.region-npdc { /* NORD PAS DE CALAS */
			background:url(../images/logos/tutelles/logo-region-npdc-s.png) no-repeat center center;
			width:110px;
		}
		footer .footer-tutelles .logo.tourcoing {
			background:url(../images/logos/tutelles/logo-tourcoing-s.png) no-repeat center center;
			width:102px;
		}
		footer .footer-tutelles .logo.feder {
			background:url(../images/logos/tutelles/logo-feder-s.png) no-repeat center center;
			width:35px;
		}
		footer .footer-tutelles .logo.interreg {
			background:url(../images/logos/tutelles/logo-interreg-iv-s.png) no-repeat center center;
			width:66px;
			margin-right:0;
		}
/* copyright */

footer .copyright {
	font-size:0.6em;
	color:#666666;
top: 200px;
/*position: absolute;*/
}
/****************************** TERTIARY MENU *****************************/


footer #block-menu-menu-tertiary-menu {
	margin-left:200px;
	margin-top:0px;
	padding-bottom:10px;
}
footer .block-menu li {
	list-style:none;
	float:left;
	font-size:0.7em;
}
	footer .block-menu li a {
		text-decoration:none;
		color:#666666;
	}
/*********************************************************************************************************
************************************ SOCIAL SIDEBAR ******************************************************
**********************************************************************************************************/

footer section#block-block-3{
	border-top: solid thick black;
	margin: 0px;
}


footer ul.social-networks {
	list-style:none;

}
	footer ul.social-networks li a span {
		display:none;
	}
	footer ul.social-networks li a {
		display:block;
		height:30px;
		margin-right:3px;
		height:17px;
		width:55px;
		float:left;
		margin-bottom:15px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
		footer ul.social-networks li a.facebook {
			background-image:url(../images/logos/social-networks/logo-facebook-s.png);
		}
		footer ul.social-networks li a.twitter {
			background-image:url(../images/logos/social-networks/logo-twitter-s.png);
		}
		footer ul.social-networks li a.vimeo {
			background-image:url(../images/logos/social-networks/logo-vimeo-s.png);
			width: 37px;
		}
		footer ul.social-networks li a.instagram {
			background-image:url(../images/logos/social-networks/logo-instagram-s.png);
			height: 17px;
			background-size: cover;
		}
		footer ul.social-networks li a.youtube {
			background-image:url(../images/logos/social-networks/logo-youtube-s.png);
			width: 40px;
		}
		footer ul.social-networks li a.tumblr {
			background-image:url(../images/logos/social-networks/logo-tumblr-s.png);
		}
		footer ul.social-networks li a.artecreative {
			background-image:url(../images/logos/social-networks/logo-artecreative-s.png);
		}
		footer ul.social-networks li a.lillemap {
			background-image:url(../images/logos/partenaires/logo-lillemap-s.png);
		}


/*********************************************************************************************************
************************************ NEWSLETTER ******************************************************
**********************************************************************************************************/

/* ACCUEIL */


footer #block-webform-client-block-903{
	border-top: solid thick black;
	margin: 0px;
}

footer #newsletter {
	 margin:20px 0px;
 }

footer #newsletter img {
	 display:block;
 }
footer #newsletter label[for='edit-captcha-response'] {
	 display:none;
 }

footer .newsletter-email label, footer .newsletter-email input, footer .newsletter-email .form-item {
	display:inline;

}

footer #newsletter .form-required { display:none;}

/* PAGE */

#node-webform-902 #webform-component-informations-complementaires .fieldset-legend{
	font-weight: bold;
	padding: 20px 0px;
	font-size: 1.1em;
	display:block;
}
#node-webform-902 .captcha img{ margin:0px;}



/*********************************************************************************************************
*********************************************** USER MENU ************************************************
**********************************************************************************************************/

#block-system-user-menu .menu {
	margin: 0;
	padding: 0;
	clear: both;
	margin-bottom: 30px;

}


#block-system-user-menu .menu li {
	list-style: none;
	float: left;
	margin: 0;
}

#block-system-user-menu .menu a {
	color: #444;
	text-decoration: none;
}

/*********************************************************************************************************
************************************ PARTNERS SIDEBAR ****************************************************
**********************************************************************************************************/


aside ul.partners {
	list-style:none;
}
	aside ul.partners li a span {
		display:none;
	}
	aside ul.partners li a {
		display:block;
		height:30px;
		margin-right:5px;
		height:12px;
		width:70px;
		float:left;
		margin-bottom:15px;
	}
		aside ul.partners li a.lillemap {
			background:url(../images/logos/partners/logo-lillemap-s.png) no-repeat center center;
			width:50px;
			height:50px;
		}



/*********************************************************************************************************
************************************ QUOTES ****************************************************
**********************************************************************************************************/

.quote, body:not(.page-ecole-etudiant) .markdown blockquote {
	display: block;
	padding: 10px 10px;
	width: 33%;
	font-size: 1.2em;
	margin: 1.5em;
	border-top: 5px solid #ddd;
	border-bottom: 5px solid #ddd;
	float: right;
	text-align: left;
}

.quote.left {
	float: left;
}

body:not(.page-ecole-etudiant) .markdown blockquote {
	width: 30%;
}

body.page-ecole-etudiant .markdown p + blockquote{
	margin-top: -20px;
}
body.page-ecole-etudiant .markdown blockquote {
	margin-left: 5px;
}


/*********************************************************************************************************
************************************ Artiste CKEDITOR STYLE **********************************************
**********************************************************************************************************/

.artiste {
	font-style:italic;
}


/*********************************************************************************************************
************************************ PROMOS ****************************************************
**********************************************************************************************************/
.page-node .block-main ul.promo {
}


.page-node .block-main ul.promo li{
}


/*********************************************************************************************************
************************************ BUGS ****************************************************************
**********************************************************************************************************/

.page-contact-bugs-et-ameliorations .zone {
	background-color: grey;
}

.page-contact-bugs-et-ameliorations #section-content p,.page-contact-bugs-et-ameliorations #section-content label, .page-contact-bugs-et-ameliorations #section-content li {
	color: white;
}


.page-contact-bugs-et-ameliorations #section-content ul{
	margin-left: 30px;
}

.page-contact-bugs-et-ameliorations #region-content {
	background:  url('../images/assets/bug-bw.png') no-repeat right top;
}

/*********************************************************************************************************
************************************ MESSAGE D'ÉTÉ *******************************************************
**********************************************************************************************************/
.block-14 {
	font-size: 0.9em;
	background-color: #DDD;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 2px 0 1px #e0e0e0;

}


.block-14 p{
	margin-bottom: 0px;
}

.block-14 h2{
	font-size: 1.6em;
	font-family: Arial;
	font-weight: normal;

}


/*********************************************************************************************************
************************************ NO RESULT CINEMA  ***************************************************
**********************************************************************************************************/

.context-cinema #noresult {
	padding: 10px;
	margin: 10px 0;
	background-color: #DDD;
}



/*********************************************************************************************************
************************************ Informations légales  ***************************************************
**********************************************************************************************************/

.page-node-293 .region-content h2{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0px;
}

.page-node-293 .region-content h3{
	font-size: 1em;
	margin-bottom: 0px;
}




/*********************************************************************************************************
************************************ L'équipe  ***********************************************************
**********************************************************************************************************/



/*********************************************************************************************************
************************************ Panneau infos  ***********************************************************
**********************************************************************************************************/
span.infoMessage {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	color: white;
	background-color: #B0B0B0;
	display:inline-block; /* Chevauchement avec titre */
	}



/* ********************************************************************************************************
************************************ Bandeau accept Cookies  ***********************************************************
********************************************************************************************************* */
.sliding-popup-bottom,
.sliding-popup-top {
	background: #1B1B1B;
	width: 100%;
}

#sliding-popup.sliding-popup-bottom .popup-content,
#sliding-popup.sliding-popup-top .popup-content{
	max-width: 950px;
	width: 100%;
}
.sliding-popup-bottom .popup-content.info,
.sliding-popup-top .popup-content.info
{
	color: white;
	background: transparent;
	padding: 20px;
}
.sliding-popup-bottom .popup-content.info p,
.sliding-popup-top .popup-content.info p
{
	margin: 0px;
}
.sliding-popup-bottom .popup-content.info h2,
.sliding-popup-top .popup-content.info h2{
	font-size: 1.2em;
	margin: 0;
}
.sliding-popup-bottom #popup-buttons,
.sliding-popup-top #popup-buttons {
	text-align: center; /* mobile */
	padding: 10px 0px;
}
.sliding-popup-bottom #popup-buttons button,
.sliding-popup-top #popup-buttons button,
#sliding-popup button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #1b1b1b;
  font-size: 11px;
  background: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	text-shadow: none;
}

.sliding-popup-bottom #popup-buttons button:hover,
.sliding-popup-top #popup-buttons button:hover,
#sliding-popup button, {
  background: #1b1b1b;
	color:white;
  text-decoration: none;
}

#popup-text button{
	background: black;
	color:white;
}



#sliding-popup .popup-content #popup-text{
	max-width:730px;
}

/*********************************************************************************************************
************************************ Crédits  ***********************************************************
**********************************************************************************************************/

.page-node-298 h3, .page-node-298 h4 {
	margin-bottom: 5px;
}

.page-node-298 fieldset{
	border: thin solid gray;
	padding: 10px;
	padding-bottom: 0px;
}

.page-node-298 legend {
	font-weight: bold;
}


span.artwork {
	font-style: italic;
}

/*********************************************************************************************************
************************************ LOCATIONS  ***********************************************************
**********************************************************************************************************/
.context-locations .equipment {
	color: #666;
	font-size: 0.85em
}
#resabtn a, a.blue{
	font-size: 0.9em;
	display: block;
	padding-top: 5px;
	text-decoration: none;
}


.col-2 {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
}

/*
.block-main article.separate {
	border-bottom: thin solid grey;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
*/

.block-main article.separate:after {
	content:"";
	display:inline-block;
	height:1px;

	background:grey;
	opacity:0.6;
	width:100%;
}

.block-main .custom-tabs.right article.separate:after {
	width:70%;
}

.block-main .custom-tabs.right article.separate:last-child:after {
	display:none;
}



/*********************************************************************************************************
************************************ MESSAGE INFO  ***********************************************************
**********************************************************************************************************/
.info {
	padding: 10px;
	background-color: #d8d8d8;
}


/* Lien map */
a.map, #block-system-main a.map {
	padding-left: 28px;
	background: url(../images/assets/map_S.png) no-repeat left top;
	text-decoration: none;
	border: none;
	height: 25px;
	display: inline-block;

}
a.map:hover, #block-system-main a.map:hover {
		text-decoration: underline;
}

a.map.small, #block-system-main a.map.small {
	background-size: 20px;
	padding-left: 25px;
}




/* Lien dossiers pédagogiques */
a.peda, #block-system-main a.peda {
	padding-left: 28px;
	background: url(../images/assets/icon-se.png) no-repeat left top;
	text-decoration: none;
	border: none;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	color:#955FA7;
	font-variant: small-caps;
	font-weight: bold;
}
a.peda:hover, #block-system-main a.peda:hover {
		text-decoration: underline;
}


/* Lien livret du jeune visiteur */
a.child, #block-system-main a.child {
	padding-left: 28px;
	background: url(../images/assets/icon-child.png) no-repeat left top;
	text-decoration: none;
	border: none;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	color:#955FA7;
	font-variant: small-caps;
	padding-left: 42px;
	font-weight: bold;
}
a.child:hover, #block-system-main a.child:hover {
		text-decoration: underline;
}





/* Un peu de fun pour les jeunes publics */

.context-jeune-public h1 {
	font-family: 'Conv_helsinki';
	color:#19b5ff;
}


/*********************************************************************************************************
************************************ PRODUCTIONS / API / KART ***********************************************************
**********************************************************************************************************/


.page-le-fresnoy-production .list-archives {}



.page-le-fresnoy-production- .list-archives li{
	position:relative;
	width:160px;
	min-height:100px;
}

.page-le-fresnoy-production #region-content ul.list-archives li:after {

	content:"";

}

/* cache la barre de scroll moche du navigateur,
  le scrollpane ne fonctionnant pas puisqu'on change de version de jquery sur cette page */
.page-le-fresnoy-production .block-pratique{
	overflow-x: hidden;
}


/*******************************************************************************
      ,----,     ,----..
    .'   .' \   /   /   \
  ,----,'    | /   .     :                            ,---,
  |    :  .  ;.   /   ;.  \                       ,-+-. /  | .--.--.
  ;    |.'  /.   ;   /  ` ;           ,--.--.    ,--.'|'   |/  /    '
  `----'/  ; ;   |  ; \ ; |          /       \  |   |  ,"' |  :  /`./
    /  ;  /  |   :  | ; | '         .--.  .-. | |   | /  | |  :  ;_
   ;  /  /-, .   |  ' ' ' :          \__\/: . . |   | |  | |\  \    `.
  /  /  /.`| '   ;  \; /  |          ," .--.; | |   | |  |/  `----.   \
./__;      :  \   \  ',  /          /  /  ,.  | |   | |--'  /  /`--'  /
|   :    .'    ;   :    /          ;  :   .'   \|   |/     '--'.     /
;   | .'        \   \ .'           |  ,     .-./'---'        `--'---'
`---'            `---`              `--`---'
*******************************************************************************/
/* BLUE : #29377f */
/* GREEN : #78c1b6 */


/* body.twenty {
	background-color: #78c1b6;
	font-family: Arial;
}


.twenty #zone-user{
	background-color: #78c1b6;
}

#block-block-26, #block-block-27 {
	display: none;
}

.context-expo-evenements article.event h2 {
	color: black;
}

.context-expo-evenements article.event h2.subtitle {
	color: #475CA2;
} */

/* BLOCK 20 ANS */



/* @media screen and (min-width:1650px) { /


	.twenty #block-block-26, .twenty #block-block-27 {
		display: block;
	}
	.twenty #block-block-26 {
		position: fixed;
		left: 5%;
		top: 520px;
		width: 250px;
		height: 250px;
		z-index: -3;
	}

	.twenty #block-block-27 {
		position: fixed;
		right: 5%;
		top: 583px;
		width: 250px;
		height: 250px;
		z-index: -3;
	}

	.twenty #block-block-26 img, .twenty #block-block-27 img {
		width: 250px;
	}

	 #block-block-26 h2 , #block-block-27 h2 {
		display: none;
	}


}


@media screen and (max-width: 640px) {
  #navigation {
  	display: none;
  }
} */





/**************************************************************
*************************************************************
****************** PLASMA **********************************
***********************************************************
**************************/


.page-plasma {
		background-color: black;
}


.page-plasma aside,
.page-plasma #section-header,
.page-plasma #section-footer,
.page-plasma #block-views-cinema-slider-thisweek,
.page-plasma #zone-preface-wrapper,
.page-plasma #region-page-top,
.page-plasma #zone-postscript,
.page-plasma .movie_date.addtocalendar
{
	display: none;
}
.page-plasma #region-content,
.page-plasma #zone-content
{
	width: 100%;
	padding: 0px;
	margin: 0px;

}
.page-plasma #zone-content {
	position: absolute;
	height: 100%;
}
.page-plasma #zone-content *{
	color: white;
}

/* PLASMA CINEMA */
.page-plasma .views_slideshow_cycle_slide{
	max-width: 900px;
}
.page-plasma .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section{
	margin: auto;
}
.page-plasma .film-teaser{
	float: left;
	margin-right: 20px;
}
.page-plasma .date .field_location_er{
	display: none;
}
.page-plasma .field_dates .hour:after{
	content: "/";
}
.page-plasma .newdate .field_dates:last-child .hour:after{
	content: "";
}


/* PLASMA PASIC PAGE */
.page-plasma-node{
	font-size: 1.05em;
	background-color: black;
}

.page-plasma-node #zone-content {
	position: static;
	width: 80%;
	margin: auto;
	background-color: black;
}

.page-plasma-node .items-container{
	display: flex;
}

.page-plasma-node .item{
	order: 1;
	padding: 2%;
	width: 50%;
}

.page-plasma-node .item img{
	width: 100%;
	height: auto;
}

.page-plasma-node .item-2{
	order: 2;
}
.page-plasma-node .flag{
	padding: 5px 10px;
	margin-top: -7%;
	text-transform: uppercase;
}
.page-plasma-node .flag.Évènement{
	background: #475ca2;
}

.page-plasma-node h1, .page-plasma-node h2, .page-plasma-node h3{
	margin: 0;
}

.page-plasma-node h1{
	font-size: 1.7em;
	font-style: normal;
}

.page-plasma-node h2{
	font-size: 1.3em;
	font-style: italic;
}

.page-plasma-node h3{
	font-size: 1.1em;
}

.page-plasma-node .content{
	padding: 30px 0px;
}