@charset "utf-8";
/* CSS Document */

/* @ author : www.pixiwooh.com */
/* ************************** */

/*
>>> 1. RESET
>>> 2. STRUCTURE
>>> 3. GENERIC TAG STYLE
>>> 4. FONT
>>> 5. TITLE
>>> 6. HEADER
>>> 7. NAVIGATION
>>> 8. CONTENT
>>> 9. FOOTER

>>> 100. OTHER CLASS

*/

/*
SWATCH COLORS

Blanc (Liens) = #FFFFFF
Blanc (Liens Over) = #000000
Rouge (Titre) = #FFFF00

*/


/* _______________________________  1. RESET _______________________________ */

/*"https://www.theatredelanuit.be/images/interface/views/img/ml/nav_main_hello_all.png"*/

/* _______________________________  2. STRUCTURE  _______________________________ */

html{height: 100%;}

body{background:; font-family: Arial, Verdana, sans-serif; font-size:13px; height:100%; line-height:17px; width:100%;}

#wrapper{/*height:100%;*/ margin:0 auto; /*min-height: 100%;*/ width:960px;}

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


/* _______________________________  3. GENERIC TAG STYLE  _______________________________ */

strong{font-weight:bolder;}

a{color:#FFF; cursor: pointer; text-decoration: underline;}
	a:active { outline: none; }
	a:focus{-moz-outline-style: none;}
	a:focus, a:hover, a:active { outline:none;}

img{border:none; outline:none; padding:0;}

/* _______________________________  4. FONT  _______________________________ */

@font-face {font-family: 'novecentowide-light'; src: url('https://www.theatredelanuit.be/fonts/novecentowide-light-webfont.eot'); src: local('☺'), url('https://www.theatredelanuit.be/fonts/novecentowide-light-webfont.woff') format('woff'), url('https://www.theatredelanuit.be/fonts/novecentowide-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'novecentowide-normal'; src: url('https://www.theatredelanuit.be/fonts/novecentowide-normal-webfont.eot'); src: local('☺'), url('https://www.theatredelanuit.be/fonts/novecentowide-normal-webfont.woff') format('woff'), url('https://www.theatredelanuit.be/fonts/novecentowide-normal-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}

/* _______________________________  5. TITLE  _______________________________ */

h1 {font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:45px; margin:70px 0 50px 0; text-align:center; text-transform:uppercase;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase;}
h4 {}
h5 {}

/* _______________________________  6. HEADER  _______________________________ */
#header{height:74px; margin-top:40px;}
	.logo{height:90px; width:290px;}
	
/* _______________________________  7. NAVIGATION  _______________________________ */

#main_nav{float:right; font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:16px; position:relative; text-transform:uppercase; z-index:996;}
	#main_nav li.level1{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/nav_main_bckg.png') top left repeat; float:left; height:74px; margin-right:2px;}
	#main_nav li.level1.current_nav, #main_nav li.level1:hover{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/nav_main_current_bckg.png') top left repeat;}
	#main_nav li.level1.last{margin-right:0;}
		#main_nav li.level1 > a{display:block; height:74px; line-height:74px; padding:0 15px; text-align:center; vertical-align:middle;}
		#main_nav li.level1 > a.spectacles{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/nav_main_current_arrow.png') 50% 87% no-repeat;}
		#main_nav li a,
		#main_nav li a:link,
		#main_nav li a:visited,
		#main_nav li a:active{color:#FFF; text-decoration:none;}		
		#main_nav li a:hover{color:#FFF; text-decoration:none;}
		#main_nav li.level1 ul{display:none; z-index:995;}
		#main_nav li.level1 ul > li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/nav_main_li_bckg.png') top left repeat; min-height:34px; margin-top:2px;}
		#main_nav li.level1 ul > li:hover{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/nav_main_li_current_bckg.png') top left repeat;}
		#main_nav li.level1 ul > li a{display:block; font-size:13px; min-height:34px; line-height:34px; text-align:center; vertical-align:middle;}
		
/* _______________________________  8. CONTENT  _______________________________ */
#content{background:; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px!important; line-height:17px; margin:0 auto; min-height: 100%; position:relative; width:960px;}
@media screen and (max-width:960px){
	#content{width:100%;}
}

	#sous_menu{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; clear:both; font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:14px; height:42px; margin-bottom:7px; position:relative; text-transform:uppercase; width:100%; z-index:994;}
	
	@media screen and (max-width:960px){
		#sous_menu{height:84px;}
	}
	@media screen and (max-width:500px){
		#sous_menu{height:126px;}
	}
	
		#sous_menu li{float:left; padding:0 16px;}
			#sous_menu a{display:block; height:42px; line-height:42px; vertical-align:middle;}
			#sous_menu a,
			#sous_menu a:link,
			#sous_menu a:visited,
			#sous_menu a:active{color:#FFF; text-decoration:none;}		
			#sous_menu a:hover{color:#b1b1ff; text-decoration:none;}
			#sous_menu a.current_sousnav{color:#b1b1ff;}
		#sous_menu li.first{padding-left:20px;}

/* _______________________________  9. FOOTER  _______________________________ */
#footer{margin:30px 0 20px 0;}
	#footer a,
		#footer a:link,
		#footer a:visited,
		#footer a:active{color:#8b8a8a;}		
		#footer a:hover{color:#8b8a8a;}
	#footer p{color:#8b8a8a; font-size:12px; text-align:center;}
		#footer #liens_legaux{text-align:center; width:960px;}
				#footer #liens_legaux a{}
		#footer p#credits{font-size:10px; margin-top:18px;}


/* _______________________________  10. PAGE'S SPECIFICS CSS  _______________________________ */

/* ACCUEIL */
ul#accueil_liste_c2a{margin-top:83px; width:960px;}
	ul#accueil_liste_c2a li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/c2a_accueil_bckg.png') top left repeat; float:left; height:280px; margin-right:33px; width:298px;}
		ul#accueil_liste_c2a li .normal p{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:29px; height:69px; line-height:69px; text-align:center; vertical-align:middle;}
		ul#accueil_liste_c2a li .hover{display:none; padding:0 20px;}
			ul#accueil_liste_c2a li .hover p.titre{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:22px; margin:58px 0 30px 0; text-align:center;}
			ul#accueil_liste_c2a li .hover p.accroche{height:126px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; overflow:hidden; text-align:center;}
			ul#accueil_liste_c2a li .hover a.link{display:block; color:#9898d0; font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:14px; margin-top:10px; text-align:center;}
p#prochaine_representation{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:26px; margin-top:65px; text-align:center;}
	p#prochaine_representation span{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;}

/* SPECTACLES */
/*-- Index --*/
ul#spectacles_liste_c2a{margin-top:83px; width:960px;}
	ul#spectacles_liste_c2a li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/c2a_accueil_bckg.png') top left repeat; float:left; height:280px; margin:0 33px 33px 0;  width:298px;}
		ul#spectacles_liste_c2a li .normal img{margin-bottom:10px;}
		ul#spectacles_liste_c2a li .normal p{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; padding : 0 10px; text-align:center;}
		ul#spectacles_liste_c2a li .hover{display:none; padding:0 20px;}
			ul#spectacles_liste_c2a li .hover p.titre{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:22px; margin:58px 0 30px 0; text-align:center;}
			ul#spectacles_liste_c2a li .hover p.accroche{height:126px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; overflow:hidden; text-align:center;}
			ul#spectacles_liste_c2a li .hover a.link{display:block; color:#9898d0; font-family:'novecentowide-light', Arial, Helvetica, sans-serif; font-size:14px; margin-top:10px; text-align:center;}

/*-- Informations --*/
#infos_pratiques{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; float:left; padding:20px 0; width:290px;}
	#infos_pratiques h2{padding:0 0 20px 20px;}
	#infos_pratiques p{line-height:20px; padding:0 20px 15px 20px;}
	#infos_pratiques .fine_ligne{margin:15px 0 20px 20px;}
	#infos_pratiques ul{padding:0 0 15px 20px;}
		#infos_pratiques ul li{border:1px solid #9898d0; color:#9898d0; margin-bottom:10px; text-transform:uppercase; width:90%;}
		#infos_pratiques ul li a{display:block; padding:5px;  text-decoration:none;}
		#infos_pratiques ul li a, #infos_pratiques ul li a:visited, #infos_pratiques ul li a:active, #infos_pratiques ul li a:hover{color:#9898d0;}

#slideshow_spectacle{height:439px; margin-bottom:7px; width:663px;}

#resume_commentaires{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; margin-top:45px; padding:20px 0; width: 663px;}

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

	#resume_commentaires h2{padding:0 0 20px 20px;}
	#resume_commentaires p{padding:0 20px 15px 20px;}
	#resume_commentaires .fine_ligne{margin:15px 0 20px 20px; width:94%;}
	#resume_commentaires .comment{padding:0 20px 15px 20px; font-style:italic;}

	
/*-- Agenda --*/
ul#liste_events{}
	ul#liste_events > li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; float:left; height:540px; margin:0 7px 7px 0; width:234px;}
		ul#liste_events > li p{padding:0 18px 15px 18px;}
		p.periode{font-size:32px; font-weight:bold; line-height:36px; margin:20px 0 10px 0;}
		p.lieu{font-size:12px; font-weight:bold; height:86px; line-height:22px;}
		p.lieu span{font-size:16px; line-height:16px; text-transform:uppercase;}
		ul#liste_events > li ul{font-size:14px; height:130px; line-height:20px; margin-bottom:15px; padding:0 18px 15px 18px;}
			ul#liste_events > li ul li{margin-bottom:4px;}
				ul#liste_events > li ul li span.jour{clear:left; display:block; float:left; width:130px;}
				ul#liste_events > li ul li span.heure{clear:right; float:left;}
		ul#liste_events > li a{border:1px solid #9898d0; color:#9898d0; display:block; font-size:13px; padding:5px; margin:0 18px 10px 18px; text-transform:uppercase; text-decoration:none; width:80%;}
		ul#liste_events > li p.tel{padding:5px; margin:0 18px 10px 18px; width:80%;}
			ul#liste_events > li p.tel span{text-transform:uppercase;}
	ul#liste_events > li.pas_dates{}
		ul#liste_events > li.pas_dates p{padding:20px 20px 15px 20px;}
	ul#liste_events > li.last{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/clair_bckg.png') top left repeat;}
		ul#liste_events > li.last h2{padding:20px 20px 15px 20px;}
		ul#liste_events > li.last p{font-size:14px; line-height:20px; padding:5px 20px 15px 20px;}


/*-- Note d'intention --*/
#note_intention{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; float:left; font-size:14px; padding:20px 0; width:603px;}

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

	#note_intention h2{padding:0 0 20px 20px;}
	#note_intention p{line-height:20px; padding:0 20px 15px 20px;}
#emphase{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; padding:20px 0; width:350px;}
	#emphase img{display:block; margin:0 auto 30px auto;}
	#emphase p{font-size:17px; font-style:italic; line-height:20px; margin:0 auto; width:270px;}


/*-- Equipe --*/
#roles{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; margin-bottom:7px; padding:20px 20px;}
	#roles h2{padding:0 20px 15px 0px;}
	#roles p{padding:0 0 15px 0;}
ul#equipe li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; clear:both; margin-bottom:7px; padding:20px 20px; position:relative;}
	ul#equipe li h2{padding:0 20px 15px 0px;}
	ul#equipe li p{width:100%;}
	ul#equipe li img{margin-bottom:35px;}
	ul#equipe li .gototop{bottom: 20px; display:block; position:absolute; right:20px;}
		ul#equipe li h2 span{text-transform:lowercase;}
		ul#equipe li.equipe_left img{float:left; margin-right:35px;}
		ul#equipe li.equipe_left p{font-size:14px; line-height:20px; padding:-20px 0 15px 20px;}
		ul#equipe li.equipe_right img{float:right; margin-left:35px; margin-right:0px;}
		ul#equipe li.equipe_right p{font-size:14px; line-height:20px; padding:-20px 0 15px 20px;}
		/*ul#equipe li img{float:left; margin-right:35px;}
		ul#equipe li p{font-size:14px; line-height:20px; padding:-20px 0 15px 20px;}*/
	
/*-- Galerie --*/
ul#galerie{}
	ul#galerie li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/spectacle_galerie_item_bckg.png') top left repeat; float:left; height:182px; margin:0 12px 12px 0; position:relative; width:182px;}
	ul#galerie li:hover{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat;}
		ul#galerie li img{display:block; height:162px; padding:10px 0 0 10px; width:162px;}
		
		.picto_video_galerie{position:absolute;}

/*-- Commentaires --*/
.comments_list{float:left; width:603px;}
	.comments_list #preview{display:none;}
	.comments_list h2{padding:0 20px 15px 20px;}
	.comments_list ul li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; margin-bottom:7px; padding:20px 0 20px;}
	.comments_list ul li.no_style{background:none; margin:0; padding:0;}
	.comments_list .comment{padding:0 20px 15px 20px; font-size:14px; font-style:italic; line-height:20px;}
	.comments_list .comment_infos{padding:0 0 0 20px; font-size:14px; font-weight:bold;}

.be_first_comment{padding:20px 0 20px 20px;}

#comments_form{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; padding:20px 0; width:350px;}
	#comments_form h2{padding:0 0 20px 20px;}
	#comments_form p{padding:0 0 15px 20px; margin-bottom:15px; position:relative;}
		#comments_form p.form_input, #comments_form p.form_input label{height:20px;}
	#comments_form p label{position:absolute; bottom:0; cursor:text; left:20px}
	#comments_form p.form_textarea label{top:20px;}
	#comments_form p input[type=text]{background:transparent; border:none; border-bottom:1px solid #7d7082; color:#FFF; width:90%;}
	#comments_form p textarea{background:transparent; border:none; border-bottom:1px solid #7d7082; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; width:90%;}
	#comments_form p.asterisque{font-size:10px;}
	#comments_form p.coche{padding:0 0 5px 20px;}
	#comments_form p.captcha{padding:15px 0 0 20px;}
	#comments_form #submit{background:transparent; border:1px solid #9898d0; color:#9898d0; cursor:pointer; float:right; margin:0 20px 10px 0; padding:5px; text-transform:uppercase;}
	
	.comments_list #pagination{line-height:25px; margin : 40px 0 0 0; text-align:center;}

/*-- En savoir plus --*/
.en_savoir_plus_blocs{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; line-height:20px; margin-bottom:7px; padding:20px 20px 0 20px;}
	.en_savoir_plus_blocs h2{padding:0 0 20px 0;}
	.en_savoir_plus_blocs h3{clear:both; margin: 20px 0 0 0; padding:0 0 20px 0;}
	.en_savoir_plus_blocs p{clear:both; font-size:14px; margin:0;padding:0 0 15px 0;}
	.en_savoir_plus_blocs .img_left{float:left; margin: 0 20px 20px 0;}
	.en_savoir_plus_blocs .img_right{float:right; margin: 0 0 20px 20px;}


/*-- PRESSE --*/
#presse{width:100%;}
#presse th{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/presse_th_bckg.png') top left repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-bottom:7px; text-transform:uppercase;}
#presse th span{border-left:1px solid #999; display:block; height:30px; line-height:30px; margin:15px 0 15px 0; text-indent:15px; vertical-align:middle;}
#presse th.article{width:250px;}
#presse td{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; font-size:16px; padding:15px;}
	#presse .article_title{line-height:20px; width:430px;}
	#presse td a{border:1px solid #9898d0; color:#9898d0; display:block; font-size:13px; margin-right:5px; padding:5px; text-transform:uppercase; text-decoration:none;}
#presse td.spacing{background:none; height:7px; padding:0;}

/* A PROPOS */
#images_dessus{}
	#images_dessus #apropos_image_fixe{display:block; float:left;}
	#images_dessus #slideshow_apropos{float:right;}
#apropos_contenu{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; line-height:20px; padding:20px 20px;}
	#apropos_contenu p{font-size:14px;}


/* PARTENAIRES */
#partenaires_intro{font-size:14px; line-height:20px; margin:0 auto 20px auto; text-align:center; width:80%;}
#partenaires_list #choisir_spectacle{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; border:1px solid #9898d0; color:#FFF; cursor:pointer; display:block; height:30px; margin:0 auto 40px auto; padding:5px; text-transform:uppercase; width:250px;}
	#partenaires_list #choisir_spectacle option{color:#9898d0; height:30px; padding:5px;}
.container{}
	.container ul li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/fonce_bckg.png') top left repeat; float:left; height:234px; margin:0 20px 20px 0; width:449px;}
		.container ul li h2{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; padding:20px;}
		.container ul li .infos{height:100px; padding:0 20px 20px 20px;}
			.container ul li .infos img{display:block; float:left; margin:0 15px 15px 0;}
			.container ul li .infos p{margin-bottom:20px;}
				.container ul li .infos p a{border:1px solid #9898d0; color:#9898d0; margin-bottom:10px; text-transform:uppercase; padding:5px; text-decoration:none;}
	.container > p{text-align:center;}
			

/* CONTACT */
ul#moyens_contact{}
	ul#moyens_contact li{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/moyens_contact.png') top left no-repeat; float:left; height:170px; margin-right:33px; padding:20px; width:258px;}
	ul#moyens_contact li.last{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/moyens_contact_reseaux.png') top left no-repeat;}
		ul#moyens_contact li h2{font-family:'novecentowide-light', Arial, Helvetica, sans-serif; margin-bottom:20px;}
		ul#moyens_contact li#moyen_reseaux{margin:0 0 0 34.5%;}
			ul#moyens_contact li#moyen_reseaux a{display:block; float:left; height:49px; margin-right:10px; width:49px;}
				ul#moyens_contact li#moyen_reseaux a#facebook{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/facebook.png') top left no-repeat;}
				ul#moyens_contact li#moyen_reseaux a#twitter{background:url('https://www.theatredelanuit.be/images/interface/views/img/ml/twitter.png') top left no-repeat;}
					ul#moyens_contact li#moyen_reseaux a span{display:block; height:0px; width:0px; overflow:hidden;}
					
/* LEGAL */

#legal{line-height:20px;}


/* _______________________________  100. OTHER CLASS  _______________________________ */

.clearB{border:none; clear:both; visibility:hidden;}

.bold{font-weight:bold;}

.italic{font-style:italic;}

.fine_ligne{border-bottom:1px solid #9898d0;; height:0px; width:85%;}

.right{float:right;}

@media screen and (max-width:663px){
	.right{width:100%;}
}

.no_margin_right{margin-right:0!important;}

.no_border{border:none!important;}

em{font-style:italic !important;}