/* Nettoyer la scrap de Drupal */

ul.menu, .region-menugauche2011 ul {
list-style: none inside none;
margin: 0px;
padding: 0px;
border: 0px none;
}

li.leaf, .region-menugauche2011 li {
list-style-image: none;
list-style-type: none;
padding: 0px;
}

ul.menu li {
margin: 0 0 0 0em;
}

/* Page d'administration des blocs */
.tabledrag-processed .block {
color: #000000;
}

/* Fin nettoyer la scrap de Drupal */

body { 
margin: 0;s
border: 0;
padding: 0px 0px 22px 0px;
color: #ffffff;
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
background-color: #000000;
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
}

@font-face{
	font-family: 'Amble';
	src: url('fonts/Quattrocento-Regular-webfont.eot');
	src: url('fonts/Quattrocento-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Quattrocento-Regular-webfont.woff') format('woff'),
	     url('fonts/Quattrocento-Regular-webfont.ttf') format('truetype'),
	     url('fonts/Quattrocento-Regular-webfont.svg#webfont') format('svg');
}

sup { font-size: 65%; }
hr { color: #f6af24; background-color: #f6af24; height: 1px; border: 0px; clear: none;}
.sc { font-size: 80%; }
a { color: #f6af24; text-decoration: none; font-weight: normal;}
a:hover { color: #e5008c;}
a img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
a:hover img {
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;}

p {margin: 0em 0em 1em 0em; line-height: 1.3em;}
blockquote { margin: 1em 0em 1em 3em;}
img, tbody {border: none;}

h1, h2, h3 {font-family: Amble; font-weight: normal; color: #00bfc3; text-align: left; font-variant:small-caps;}
h1 {font-size: 32px; line-height: 34px; margin: 44px 0px 34px 0px; width: 764px;
float: right;}
h2 {font-size: 24px; text-transform: uppercase; margin-bottom: 3px; clear: both;}
h3 {font-size: 18px; clear: none; text-transform: uppercase; padding-top: 10px;}

#boite {
width: 982px;
margin: 0px auto 0px auto;
text-align: left;

}

#logo {
display: block;
margin: 58px 0px 0px 92px; /* 38px 0px 0px 92px; */
}
#logo:hover img {
filter:alpha(opacity=100) !important; 
-moz-opacity: 1 !important; 
opacity: 1 !important;
}

#dates {
clear: both;
margin: 19px 0px 0px 274px;
}

#menu {
width: 162px;
padding: 52px 56px 0px 0px;
float: left;
}

#menu a {
width: 162px;
font-size: 14px;
font-weight: normal;
margin-bottom: 12px;
text-align: right;
float: left;
}

li a.active {
color: #e5008c;
}

#langue {
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -490px;
}
#langue ul li a {
	width: auto;
}

#social {
	position: absolute;
	top: 0px;
	right: 50%;
	margin-right: -408px;
	border: 1px solid #666;
	border-top: none;
	padding: 3px;
}
#social a {
	display: inline-block;
	height: 20px;
	width: 20px;
	text-indent: -9999px;
}
#social a:hover {
	filter:alpha(opacity=85);   
	-moz-opacity: 0.85;   
	opacity: 0.85;
}
.social-facebook {
	background: url(img/facebook_presence_autochtone.png) no-repeat;
	margin-right: 3px;
}
.social-twitter {
	background: url(img/twitter_presence_autochtone.png) no-repeat;
}

#banniere {
	/*display: none;*/
	float: right;
	width: 210px;
	height: 405px;
	padding: 5px;
	margin: -95px 0px -20px 15px;
	border: 1px solid #666;	
}
.h1-accueil {
	width: 534px;
	margin-right: 230px;
}

#contenu {
width: 764px;
float: right;
}

#droite {
width: 240px;
padding: 0px 0px 12px 12px;
float: right;
}

.images .image, .films-noderef .noderef {
clear: both;
margin-bottom: 12px;
float: left;
}

.images {
text-align: right;
font-size: 10px;
}

.texte {
margin-bottom: 0em;
}

.evenements #droite, .films #droite {
width: 360px;
}

.evenements .representations, .films .representations {
width: 382px;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: solid 1px #d12f1c;
}

.evenements-soustitre, .film_sous_titre {
margin: -40px 0px 22px 0px;
text-transform: uppercase;
font-weight: normal;
color: #d12f1c;
}

.pages .view-evenements .views-row {
width: 184px;
height: 300px;
padding: 0px 48px 12px 0px;
float: left;
}

.view-evenements .views-field-field-images-fid {
width: 184px;
height: 184px;
}

.view-evenements .views-field-title {
text-transform: uppercase;
height: 3em;
padding-top: 6px;
}

.view-evenements .views-field-field-evenements-soustitre-value {
font-size: 11px;
font-weight: bold;
}

.view-evenements .date-display-single, .view-evenements .views-field-field-evenements-dates-value {
font-size: 10px;
}

.view-evenements .views-field-field-lieu-nid {
font-size: 10px;
}

.ic-calendrier {
	padding-top: 3px;
}

.pays, .annee_production, .format_projection, .langues_vo, .langue_sous_titres, .duree {
display: inline;
font-size: 11px;
}

.pays, .annee_production, .format_projection, .langues_vo, .langue_sous_titres, .film_categorie {
text-transform: uppercase;
}

.realisateur {
margin-bottom: 1em;
}

.video {
float: right;
clear: both;
}

.films fieldset {
/*clear: both;*/
}

.films fieldset span {
font-weight: bold;
}

.films fieldset p {
display: inline;
}

.films fieldset div {
clear: both;
}

.films fieldset h3 {
text-transform: uppercase;
}

.prix {
	background: url(img/ic-prix.png) right top no-repeat;
	/*margin-top: 25px;
	margin-bottom: 15px;*/
	padding-right: 21px;
	height: 18px;
}
.prix_description {
	padding: 15px;
}

#contenu fieldset {
	border-color: #555;
}

.view-calendrier table, .view-films table {
width: 100%;
}

.view-calendrier caption span, .view-films caption span  {
display: block;
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
padding-top: 18px;
}

.view-calendrier tr.even, .view-calendrier tr.odd, .view-films tr.even, .view-films tr.odd  {
background-color: #000000;
border-bottom: 1px solid #333333;
}

.view-calendrier td, .view-films td {
padding: 6px 6px 6px 0px;
}

.view-calendrier thead th, .view-films thead th  {
border-bottom: 1px solid #333333;
}

.view-calendrier .views-field-title, .view-films .views-field-title a{
	padding-left: 8px;
}

.view-calendrier .views-field-field-lieu-nid, .view-films .views-field-field-lieu-nid  {
font-size: 11px;
width: 300px;
}

.view-calendrier .views-field-field-horaire-value, .view-films .views-field-field-horaire-value {
width: 50px;
}

.view-display-id-page_3 .views-field-field-horaire-value, .view-films .views-field-field-horaire-value, .view-display-id-page_5 .views-field-field-horaire-value, .view-films .views-field-field-horaire-value, .view-display-id-page_4 .views-field-field-horaire-value, .view-films .views-field-field-horaire-value, .view-display-id-page_6 .views-field-field-horaire-value, .view-films .views-field-field-horaire-value {
	width: 180px;
}
.view-display-id-page_3 .views-field-field-horaire-value-2, .view-films .views-field-field-horaire-value-2, .view-display-id-page_5 .views-field-field-horaire-value-2, .view-films .views-field-field-horaire-value-2 {
	width: 100px;
}
.view-display-id-page_3 .views-field-field-lieu-nid, .view-films .views-field-field-lieu-nid, .view-display-id-page_5 .views-field-field-lieu-nid, .view-films .views-field-field-lieu-nid {
font-size: 11px;
line-height: 16px;
width: 300px;
}
	
.view-calendrier .views-field-title, .view-films .views-field-title {
width: 414px;
}

.views-table caption {
	text-align: left;
	padding-top: 18px;
	padding-bottom: 4px;
}
.views-table caption a{
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

.views-exposed-form {
	float: right;
	width: 205px;
}
.form-submit {
	margin-top: 0px !important;
}

.media-vimeo iframe {
border: 0;
}

.field-field-lieux-adresse {
font-weight: bold;
}

.field-field-lieux-metro {
background-image: url(img/icone-metro.gif);
background-repeat: no-repeat;
padding: 0px 0px 2px 22px;
margin-top: 4px;
}

.field-field-lieux-google {
clear: both;
padding-top: 24px;
margin-bottom: 2px;
}

.view-nouvelles {
float: right;
width: 764px;
}

h2.nouvelles-titre {
color: #ffffff;
margin-top: 50px;
}

.view-nouvelles .views-row {
padding-bottom: 8px;
/*border-bottom: solid 1px #d12f1c;*/
clear: both;
}

.nouvelles .images {
float: right;
padding: 0px 0px 12px 12px;
width: 240px;
}

.nouvelles .texte {
margin-top: 2em;
}

.nouvelles .texte img {
float: left;
padding: 0 12px 12px 0;
clear: both;
margin-bottom: 2em;
}

/* 
.nouvelles .texte p {
clear: both;
}
 */
 
.lieu_adresse {
	height: 20px;
}
.lieu_metro {
	height: 20px;
	float: right;
	margin-right: 130px;
}
.lieu_metro img {
	vertical-align: bottom;
	padding-right: 2px;
	padding-left: 12px;
}
.lieu_siteweb {
	height: 30px;
	padding-top: 6px;
}
.lieu_carte {
	padding-top: 10px;
	
}


.calendar-calendar tr {
	background: none;
}
.calendar-calendar .month-view .full td.single-day .calendar-empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.date-box.empty {
	background: none;
}
.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
	background: #F6AF24;
}
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
	background: none;
}
.calendar-calendar .month-view .full td.multi-day .inner .view-field, .calendar-calendar .month-view .full td.multi-day .inner .view-field a, .calendar-calendar .week-view .full td.multi-day .inner .view-field, .calendar-calendar .week-view .full td.multi-day .inner .view-field a, .calendar-calendar .day-view .full td.multi-day .inner .view-field, .calendar-calendar .day-view .full td.multi-day .inner .view-field a {
	color: #000;
	padding-top: 4px;
}
.calendar-calendar .day-view table.full {
	width: 760px;
}
.calendar-agenda-items {
	width: 11%;
}


/* CALENDRIER */
/* ------------------------------------------------------------- */

#cal-container {
	position: relative;
	float: right;
	width: 762px;
	height: 79px;
	background: url(img/cal-bg.png) no-repeat;
	font-size: 0;
	margin-top: 20px;
	margin-bottom: -35px;
	padding-left: 1px;
	padding-top: 23px;
}
#cal-mo-juillet {
	width: 51px;
	height: 13px;
	background: url(img/cal-mois-juillet.jpg) no-repeat;
	position: absolute;
	top: 6px;
	left: 10px;
}
#cal-mo-aout {
	width: 51px;
	height: 13px;
	background: url(img/cal-mois-aout.jpg) no-repeat;
	position: absolute;
	top: 6px;
	left: 96px;
}
#cal-mo-july {
	width: 51px;
	height: 13px;
	background: url(img/cal-month-july.jpg) no-repeat;
	position: absolute;
	top: 6px;
	left: 10px;
}
#cal-mo-august {
	width: 51px;
	height: 13px;
	background: url(img/cal-month-august.jpg) no-repeat;
	position: absolute;
	top: 6px;
	left: 96px;
}
.cal-btn {
	width: 80px;
	height: 52px;
	float: left;
	background: #e2008a;
	margin-left: 4px;
	overflow: hidden;
}
.cal-btn-bleu {
	width: 80px;
	height: 52px;
	float: left;
	background: #00bfa8;
	margin-left: 4px;
}
.cal-btn-gris {
	width: 80px;
	height: 52px;
	float: left;
	background: #111;
	margin-left: 4px;
}
.cal-btn-gris a {
	filter:alpha(opacity=45);   
	-moz-opacity: 0.45;   
	opacity: 0.45;
}
.cal-btn a, .cal-btn-bleu a, .cal-btn-gris a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.cal-btn a:hover, .cal-btn-bleu a:hover {
	filter:alpha(opacity=75);   
	-moz-opacity: 0.75;   
	opacity: 0.75;
}
.cal-btn-gris a:hover {
	filter:alpha(opacity=35);   
	-moz-opacity: 0.35;   
	opacity: 0.35;
}
#cal-31 {
	background: url(img/cal-btn-31.jpg) no-repeat;
}
#cal-01 {
	background: url(img/cal-btn-01.jpg) no-repeat;
}
#cal-02 {
	background: url(img/cal-btn-02.jpg) no-repeat;
}
#cal-03 {
	background: url(img/cal-btn-03.jpg) no-repeat;
}
#cal-04 {
	background: url(img/cal-btn-04.jpg) no-repeat;
}
#cal-05 {
	background: url(img/cal-btn-05.jpg) no-repeat;
}
#cal-06 {
	background: url(img/cal-btn-06.jpg) no-repeat;
}
#cal-07 {
	background: url(img/cal-btn-07.jpg) no-repeat;
}
#cal-08 {
	background: url(img/cal-btn-08.jpg) no-repeat;
}
.view-display-id-page_7 caption span, .view-films caption span {
	padding: 30px 0px 10px 0px;
}