/* Nettoyer la scrap de Drupal */

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

/* Fin nettoyer la scrap de Drupal */

body { 
margin: 0;
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;*/
}

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: #ac7200;}
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, h4 {font-weight: normal; color: #e2ae4a; text-align: left; }
h1 {font-size: 32px; line-height: 34px; margin: 7px 0px 23px 0px; text-transform: uppercase;}
h2 {font-size: 24px; text-transform: uppercase; margin-bottom: 3px; clear: both;}
h3 {font-size: 18px; clear: none; text-transform: uppercase; padding-top: 10px;}
h4 {margin: 20px 0 10px 0;}



/* STRUCTURE
----------------------------------------------------------------------------------------*/

#bg {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 120%;
}
#wrapper {
	width: 1070px;
	margin: 0px auto 0px auto;
	text-align: left;
}
#header {
	width: 100%;
	height: 200px;
	clear: both;
	position: relative;
	margin-bottom: 60px;
}
#menu {
	width: 22%;
	float: left;
}
#contenu {
	width: 75%;
	float: right;
	min-height: 500px;
}

/* HEADER
----------------------------------------------------------------------------------------*/

#logo {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
#logo:hover img {
	filter:alpha(opacity=100) !important; 
	-moz-opacity: 1 !important; 
	opacity: 1 !important;
}
#dates {
	position: absolute;
	bottom: 0;
	right: 0;
}
#dates h3, #dates h4 {
	color: #e2ae4a;
	text-transform: uppercase;
	font-size: 25px;
	margin: 0;
	padding: 0;
}
#dates h4 {
	font-size: 17px;
}

#langue {
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -490px;
}
#langue ul {
	list-style: none;
	margin: 0;
}
#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;
}



/* MENU
----------------------------------------------------------------------------------------*/

#menu .boite {
	width: 100%;
	height: 44px;
	background-color: #e2ae4a;
}
#menu .expanded {
	position: relative;
}
#menu .menu .menu {
	display: none;
	width: 300px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	right: -300px;
	z-index: 999;
}
#menu .menu li {
	border-bottom: 1px solid #e2ae4a;
	background: url(img/bg-content.png) repeat;
}
#menu .menu .menu li {
	border-bottom: none;
}
#menu .menu a {
	display: block;
	padding: 10px 4%;
	width: 92%;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
#menu .menu .menu a {
	width: auto;
	padding-right: 15px;
	padding: 12px 4% 13px 4%;
}
#menu .menu a:hover {
	color: #e2ae4a;	
}
#menu .expanded:hover .menu {
	display: block;
}
#menu  li.expanded {
	background: url(img/menu-arrow.png) no-repeat 95% center;
	padding: 0;
	margin: 0;
}
#menu  li .menu a.active {
	color: #e2ae4a;
}

ul.menu, .region-menugauche2011 ul {
	list-style: 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;
}

#menu-mobile {
	display: none;
}
#menu-icon {
	display: block;
	background: url(img/menu-mobile-icon.png) no-repeat 95% center;
	padding: 18px 4%;
	width: 92%;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #e2ae4a;
	cursor: pointer;
}
#menu-mobile .menu {
	display: none;
}
#menu-mobile .menu li {
	border-bottom: 1px solid #e2ae4a;
	display: block;
	padding: inherit;
}
#menu-mobile .menu ul {
	border-top: 1px solid #875b06;
}
#menu-mobile .menu .menu li {
	border-bottom: 1px solid #875b06;
}
#menu-mobile .menu a {
	display: block;
	background: url(img/bg-content.png) repeat;
	padding: 12px 4%;
	width: 92%;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
#menu-mobile .menu li li a {
	padding: 12px 4% 12px 8%;
	width: 88%;
}
	
	
/* ACCUEIL
----------------------------------------------------------------------------------------*/

.nivo-controlNav {
	bottom: -24px;
}
/*.views-nivo-slider {
	width: 100% !important;
	background-size: contain !important;
}
.nivo-slice {
	width: 10% !important;
}
.nivoSlider img {
	width: 100%;
	height: auto;
}*/

#accueil-evenements,
#accueil-films,
#accueil-calendrier {
	background: url(img/bg-content.png) repeat;
	border: 1px solid #555352;
	margin-top: 35px;
	padding-bottom: 25px;
}
#accueil-calendrier {
	margin-top: 38px;
}
#accueil-evenements {
	width: 49%;	
	float: left;
	margin-bottom: 25px;
}
#accueil-films {
	width: 49%;	
	float: right;
	margin-bottom: 25px;	
}
#accueil-evenements h2,
#accueil-films h2,
#accueil-calendrier h2 {
	color: #000;
	background-color: #e2ae4a;
	width: 92%;
	margin: 0;
	padding: 8px 4% 0 4%;
	font-size: 15px;	
}
#accueil-evenements h3,
#accueil-films h3,
#accueil-calendrier h3 {
	text-transform: none;
	color: #fff;
	background-color: #e2ae4a;
	width: 92%;
	margin: 0;
	padding: 0 4% 8px 4%;
	font-size: 13px;		
}
#accueil-calendrier h3 {
	margin-bottom: 18px;
}
#accueil-calendrier a {
	width: 74%;
	padding: 0 18% 0 8%;
	display: block;
	clear: both;
}
#accueil-calendrier a .jour {
	font-size: 32px;
	width: 50px;
	display: inline-block;
	text-align: center;
}
#accueil-calendrier a .date {
	float: right;
	margin-top: 20px;
}

#accueil-evenements .views-row,
#accueil-films .views-row {
	clear: both;
	padding-top: 20px;
	height: 90px;
}
#accueil-evenements .views-field-field-images-fid,
#accueil-films .views-field-field-films-images-fid {
	float: left;
	margin: 0 8px 0 20px;	
}
#accueil-evenements .views-field-title,
#accueil-films .views-field-title {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 16px;
	color: #e2ae4a;
	/*height: 34px;*/
	padding-right: 5px;
}

.message {
	background: url(img/bg-content.png) repeat;
	border: 1px solid #555352;
	margin-top: 35px;
	padding-bottom: 0px;
	clear: both;
}
.message h2 {
	color: #000;
	background-color: #e2ae4a;
	width: 94%;
	margin: 0;
	padding: 8px 4% 0 2%;
	font-size: 15px;	
}
.message h3 {
	text-transform: none;
	color: #fff;
	background-color: #e2ae4a;
	width: 94%;
	margin: 0 0 20px 0;
	padding: 0px 4% 8px 2%;
	font-size: 13px;		
}
.message p {
	padding: 0 20px 4px 20px;
}
.message img {
	float: right;
	margin: 0 0 15px 15px;
}

#nouvelles {
	background: url(img/bg-content.png) repeat;
	border: 1px solid #555352;
	margin-top: 35px;
	padding-bottom: 0px;
	clear: both;
}
#nouvelles h2 {
	color: #000;
	background-color: #e2ae4a;
	width: 94%;
	margin: 0;
	padding: 8px 4% 0 2%;
	font-size: 15px;	
}
#nouvelles h3 {
	text-transform: none;
	color: #fff;
	background-color: #e2ae4a;
	width: 94%;
	margin: 0 0 20px 0;
	padding: 0px 4% 8px 2%;
	font-size: 13px;		
}
#nouvelles p {
	padding: 0 20px 4px 20px;
}
#nouvelles div {
	width: 45%;
	display: inline-block;
	padding: 0 2% 16px 2%;
	text-align: center;
	color: #555;
}
#nouvelles img {
	width: 100%;
	height: auto;
}

#bannieres {
	margin-top: 20px;
}
#bannieres h2 {
	color: #000;
	background-color: #e2ae4a;
	width: 94%;
	margin: 0 0 5px 0;
	padding: 8px 4% 20px 2%;
	font-size: 15px;
}
#bannieres img {
	width: 33%;
	height: auto;
}

.h1-accueil {
	width: 534px;
	margin-right: 230px;
}

#droite {
	padding: 0px 0px 12px 1%;
	float: right;
	width: 50%
}
#gauche {
	padding-right: 2%;
	width: 47%;	
}

#droite img {
	width: 100%;
	height: auto;
}
.images .image, .films-noderef .noderef {
	clear: both;
	margin-bottom: 12px;
}

.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;
}
.representations {
	border-top: 1px solid #e2ae4a;
	padding-top: 16px;
}
.representations .content-multigroup-wrapper {
	margin-bottom: 7px;
}
.evenements-soustitre, .film_sous_titre {
	margin: -26px 0px 15px 0px;
	text-transform: uppercase;
	font-weight: normal;
	color: #e2ae4a;
}
.views-field-field-evenements-soustitre-value {
	color: #e2ae4a;
}

.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;
}
.langues_vo, .langue_sous_titres {
	display: inline;
}

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

.film_categorie {
	margin-top: 22px;	
}

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

.viewfield .view-id-evenements .views-row {
	width: 33%;
	float: left;
	margin-bottom: 20px;
}


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

#contenu.calendrier,
#contenu.calendrier-secondaire .view-calendrier {
	background: url(img/bg-content-light.png) repeat;
	border: 1px solid #555352;
}
#contenu.calendrier-secondaire .view-calendrier {
	margin-top: 3px;
}
h1.calendrier {
	color: #000;
	background-color: #e2ae4a;
	width: 94%;
	margin: 0;
	padding: 8px 4% 0 2%;
	font-size: 15px;
}
h2.calendrier {
	text-transform: none;
	color: #fff;
	background-color: #e2ae4a;
	width: 94%;
	margin: -7px 0 0 0;
	padding: 0 4% 12px 2%;
	font-size: 13px;
}
#contenu.calendrier-secondaire .views-table caption {
	padding-top: 0px;
}
#contenu.calendrier-secondaire .views-table caption span {
	padding: 0px 0px 10px 20px;
}


.legende {
	float: right;
	margin: 7px 12px 0 0;
}
.legende span {
	display: inline-block;
	padding: 6px;
	margin: 0 6px;
	line-height: 18px;
}
.legende-film {
	background: url(img/bg_films.png);
}
.legende-evenement {
	background: url(img/bg_evenements.png);
}
.legende img {
	vertical-align: bottom;
	padding-right: 8px;
}
.tri {
	margin: 30px 0 20px 20px;
	font-size: 11px;
}

.view-calendrier {
	
}

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

.view-calendrier caption span, .view-calendrier caption a, .view-films caption span  {
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-size: 21px;
	padding: 18px 0 6px 20px;
	color: #fff;
}

.view-calendrier tr.even, .view-calendrier tr.odd, .view-films tr.even, .view-films tr.odd  {
	background-color: transparent;
	border-bottom: 1px solid #333333;
}
.view-calendrier tr.even:hover, .view-calendrier tr.odd:hover, .view-films tr.even:hover, .view-films tr.odd:hover  {
	background-color: #222;
	background-image: none !important;
}

.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-type {
	padding-right: 20px;
}
.view-calendrier .views-field-title, .view-films .views-field-title {
	width: 414px;
	padding-left: 20px;
}

.views-table caption {
	text-align: left;
	padding-top: 18px;
	padding-bottom: 4px;
}







.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;
	width: 100%;
	height: 90px;
}
#cal-container a {
	background: url(img/calendar-bar.jpg) repeat-x 0 -11px;
	display: block;
	float: left;
	width: 13.75%;
	padding-top: 28px;
	margin-right: 0.25%;
	height: 60px;
	border: 1px solid #555352;
	text-align: center;
	line-height: 17px;
}
#cal-container a .jour {
	font-size: 22px;
	text-transform: uppercase;
}
#cal-container a .numero {
	font-size: 35px;
}
#cal-container a .date {
	font-size: 17px;
}


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


/* MAP
----------------------------------------------------------------------------------------*/

#map {
	margin-bottom: 25px;
	color: #000;
}


/* TeV
----------------------------------------------------------------------------------------*/

.social-facebook-tev {
	background: url(img/facebook_presence_autochtone.png) no-repeat;
	padding: 3px 0 3px 29px;
}
.social-twitter-tev {
	background: url(img/twitter_presence_autochtone.png) no-repeat;
	padding: 3px 0 3px 29px;	
}


/* FOOTER
----------------------------------------------------------------------------------------*/

#footer {
	padding: 15px 5px 15px 5px;
	clear: both;
	height: 25px;
}
#footer p {
	font-size: 11px;
	color: #777;
	text-shadow: 0px 0px 2px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}
#footer a {
	color: #999;
}
#footer a:hover {
	color: #bbb;
}
#footer .copyright {
	float: left;
}
#footer .creation {
	float: right;
}


/* Form 2014
----------------------------------------------------------------------------------------*/

.inscription-box {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-top: 20px;
}
.inscription-clear {
	clear: both;
}

#node-form fieldset {
	border-color: #e2ae4a;
	background: url("img/bg-content.png") repeat scroll 0% 0% transparent;
}
#node-form legend {
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #e2ae4a;
}

body.fr form .form-fr {
	display: inline;
}
body.fr form .form-en {
	display: none;
}
body.en form .form-fr {
	display: none;
}
body.en form .form-en {
	display: inline;
}
.same-as {
	float: right;
	clear: both;
	cursor: pointer;
	width: 150px;
	text-align: center;
	background: #f6af24;
	color: #fff;
	padding: 6px 3px;
}
.same-as.first {
	margin-top: -60px;
}
.same-as.second {
	margin-top: -33px;
}
.same-as.third {
	margin-top: -6px;
}
body.fr .same-as span.fr {
	display: inline;
}
body.fr .same-as span.en {
	display: none;
}
body.en .same-as span.fr {
	display: none;
}
body.en .same-as span.en {
	display: inline;
}
fieldset.group-documents table thead th {
	border: none;
}
fieldset.group-documents table tr {
	background: none;
}
fieldset.group-documents table div.description {
	display: none;
}
fieldset.group-documents table .filefield-element {
	margin: 1em 0 0;
}
	
	
/* RESPONSIVE
----------------------------------------------------------------------------------------*/


@media screen and (max-width: 650px) {
	#wrapper {
			width: 100%;
	}
	#header {
		height: 100px;
	}
	#logo {
		position: relative;
		text-align: center;
		margin: 15px 0;
	}
	#logo img {
		width: 250px;
	}
	#dates {
		position: relative;
	}
	#dates h3 {
		font-size: 15px;
		text-align: center;
	}
	#dates h4 {
		font-size: 11px;
		text-align: center;
	}
	#social {
		position: relative;
		top: 0px;
		right: 3px;
		border: 1px solid #666;
		border-top: none;
		padding: 3px;
		display: none;
	}
	#langue {
		position: absolute;
		top: 10px;
		right: 10px;
		margin-right: 0;
	}
	#menu .boite {
		height: 0px;
	}
	#menu-2013-menu-fr,
	#menu-2013-menu-en {
		display: none;
	}
	#menu-mobile {
		display: block;
	}
	#accueil_slides-block_1 {
		display: none;
		width: 100%;
		overflow: hidden;
	}
	#accueil_slides-block_1 .view-accueil-slides {
		margin-left: -235px;
	}
	#accueil-calendrier {
		display: none;
	}
	.message img {
		float: none;
		margin: 0 0 15px 0px;
		width: 100%;
	}
	#contenu {
		float: none;
		width: 100%;
	}
	#contenu.bg-contenu {
		background: url(img/bg-content.png) repeat;
		width: 96%;
		padding: 20px 2%;	
	}
	#accueil-evenements,
	#accueil-films,
	#accueil-calendrier {
		float: none;
		width: 100%;
	}
	#bannieres a {
		display: block;
		float: left;
		width: 50%
	}
	#bannieres img {
		width: 98%;
		padding: 0 1%;
		height: auto;
	}
	#contenu.calendrier,
	#contenu.calendrier-secondaire {
		margin-top: 8px;
	}
	h1 {
		margin: 20px 0px 23px 0px;
	}
	#footer .copyright, 
	#footer .creation{
		float: none;
		text-align: center;
	}
}