@charset "utf-8";

div#branding h1 { 
	position: absolute;
	text-indent: -9999px; }

.hidden {
	position: absolute;
	text-indent: -9999px; }

.clear {
	clear: both; }

div#adobe {
	padding: 50px; }

/* --------------------- Navigation --------------- */


/* Navigation */
#nav_main {
	list-style: none;
	height:32px;
	position:absolute;
	top:76px;
	padding:0;
	margin:0; 
	z-index:999;}
  
#nav_main ul { 
	padding: 0;
	margin:0;
	list-style: none;
	overflow:visible;  
	display:none; 
	position:absolute;
	top:32px; }
  
#nav_main li { 
	margin:0;  
	padding: 0; 
	position: relative; 
	float:left;
	display:block; }
  
#nav_main li img {
	float:left;
	clear:both; }
 
#nav_main a {
	text-decoration:none; 
    display:block;
    padding:0;  
    margin:0; }

#nav_main li:hover ul {
	display:block; }

a.rollover img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter:alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
    padding:0 0 4px 4px;
}
a.rollover:hover img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    padding:0 0 4px 4px;
}
/*
a.rollover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.4;
	padding:0 0 4px 4px; }
	
a.rollover:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	padding:0 0 4px 4px; }
*/

/* nav_supp */

div#nav_supp ul li img {
	display: block;
	float:left; /* IE 6 fix */ }

/*nav_sub*/

div#nav_sub {
	width: 936px;
	height: 27px;
	background-color:#e4e3e1; }

div#nav_sub img{
	display: block;
	float: left; /* IE 6 fix */ }

/*nav_sub_current */

div#nav_sub_current {
	display: block; /* IE 6 fix */
	float: left; /* IE 6 fix */
	margin-top: 4px;
	width: 936px;
	height: 19px;
	background-color:#e4e3e1; }

div#nav_sub_current img{
	display: block;
	float:left; /* IE 6 fix */ }
	
/* ------------------------ Liens ----------------------- */


/* liens par défaut */
a {
	color: #333;
}
a:hover {
	text-decoration: none;
}
	
a.more  {
	display: block;
	width: 120px;
	margin: 10px 0 15px 0;
	padding: 2px 0 2px 5px;
	background-color: #dcdad7;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: #333; }

a.more:hover {
	background-color: #a7a39c; }

a.reserve  {
	display: block;
	width: 120px;
	margin: 10px 0 35px 0;
	padding: 2px 0 2px 5px;
	background-color: #dcdad7;
	text-decoration: none;
	font-style: italic;
	color: #333; }

a.reserve:hover {
	background-color: #a7a39c; }

a.contact  {
	display: block;
	width: 120px;
	margin: -10px 0 35px 0;
	padding: 2px 0 2px 5px;
	background-color: #dcdad7;
	text-decoration: none;
	font-style: italic;
	color: #333; }

a.contact:hover {
	background-color: #a7a39c; }

div#nav_news {
	margin-bottom: 35px; }

a.nav_news {
	display: inline;
	margin-right: 8px;
	padding: 2px 6px 2px 6px;
	width: 30px;
	vertical-align: middle;
	font-style: italic;
	text-decoration: none;
	color: #333;
	background-color: #dcdad7; }

a.nav_news:hover {
	background-color : #a7a39c; }

a.mail {
	color : #5E0B35;
	font-weight:bold;
	text-decoration: none; }

a.mail:hover {
	text-decoration: underline; }

a.gallery_show  {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #666; }

a.gallery_show:hover {
	color: #000; }

a.gallery_show_on {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #000; }

/* ------------------------- Sparateurs ---------------------- */

.hr {
	margin: 10px 0 15px 0;
	width: 100%;
	height: 5px;
	font-size: 1px; /* IE 6 fix */
	background-color: #dcdbd8; }

.hr_contact {
	margin: 10px 0 25px 0;
	width: 100%;
	height: 3px;
	font-size: 1px; /* IE 6 fix */
	background-color: #aba7a0; }

.hr_large {
	margin: 5px 0 25px 0;
	width: 100%;
	height: 8px;
	font-size: 1px; /* IE 6 fix */
	background-color: #e4e3e1; }

.hr_testimonials {
	margin: 10px 0 15px 0;
	width: 100%;
	height: 8px;
	font-size: 1px; /* IE 6 fix */
	background-color: #e4e3e1; }
	
/* -------------------------- Infolettre -----------------------*/

input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	background: #d3d1cd;
	border: none; }

/* ---------------------------- 1. Accueil---------------------- */
	
div#content.home div.section {
	margin-left: 456px;
	min-height:150px }

/* people */

div#people {
	width: 936px; }

div#people .word {
	float: left;
	/*display: inline;  IE 6 fix */
	width: 459px; }
	
div#people .light {
	float: right;
	/*display: inline;  IE 6 fix */
	width: 477px; }

/* ---------------------------- Columns ------------------------- */

div#column1,div#column2,div#column3,div#column4{
	float : left; }

/* ---------------------------- Contact ------------------------- */

div#content.contact div.section {
	margin-left: 325px; }
	
.contact_column1 {
	width : 215px; }
.contact_column2 {
	width : 197px; }
.contact_column3 {
	width : 199px; }
	
/* --------------------- 2.2. Directeurs artistique --------------------- */

.artistic_column1 {
	width : 352px; }
.artistic_column2 {
	width : 584px; }

/* --------------------- 2.5. Collaborators --------------------- */

.collabo_column1 {
	width : 234px; }
.collabo_column2 {
	width : 234px; }
.collabo_column3 {
	width : 234px; }
	

/* --------------- 2.6. Conseil d'administration  -------------- */

.directors_column1 {
	width : 466px; }
.directors_column2 {
	width : 470px; }
	
/* --------------------- 2.7. Équipe BJM Danse --------------------- */

.team_column1 {
	width : 420px; }
.team_column2 {
	width : 172px; }
.team_column3 {
	width : 172px; }
.team_column4 {
	width : 172px; }

/* --------------- 3.1. Calendrier  -------------- */

#search {
	padding : 0;
	width : 100%;
	height : 21px;
	text-align : left;
	vertical-align : middle;
	background-color:#A6A29B; }

#search.date {
	margin-top : 6px; }
	
#showslist {
	margin-top : 45px; }

#showslist td {
	width : 312px;
	vertical-align:top; }

#showslist p {
	line-height:0px;
}

#showslist p.titre {
	font-weight: bold;
}

a.shows {
	padding : 0 12px 0 12px;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #000; }

a.shows:hover {
	color : #fff; }

a.nav_month, .nav_month {
    padding : 0 0 0 2px;
    font-family : Verdana, Geneva, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #000; }

a.nav_month:hover {
    color : #fff; }

a.nav_date {
    padding : 0 2px 0 2px;
    font-family : Verdana, Geneva, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #fff; }
	
.nav_date {
    padding : 0 2px 0 2px;
    font-family : Verdana, Geneva, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #000; }
    
.nav_date_first {
    padding : 0 2px 0 14px;
    font-family : Verdana, Geneva, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #000; }

p.date {
	margin-top : 0px;
	margin-bottom : 0px;
	padding : 0 0 5px 0;
	font-size : 14px;
	font-weight : normal;
	color : #999; }
	
/* --------------- 3.2.  Repertoire -------------- */

.current_column1 {
	width : 486px; }
.current_column2 {
	width : 450px; }

.credits_column1 {
	width : 140px; }
.credits_column2 {
	width : 165px; }
.credits_column3 {
	width : 135px; }

a.resspec {
	padding-left : 6px;
	font-style : italic;
	font-weight : bold;
	text-decoration : none;
	color : #666; }

a.resspec:hover {
	color : #000; }
	
/* Photos */
ul#gallery_photos {
	width: 450px;
}
ul#gallery_photos li {
	display: inline;
}
ul#gallery_photos .thumbnail_first {
	float: left;
	width: 106px;
	height: 71px;
	background-color:#f1f1f0; }
	
ul#gallery_photos .thumbnail {
	float: left;
	padding-left: 8px;
	width: 106px;
	height: 71px; 
	background-color:#f1f1f0; }



/* --------------- 3.2.  Témoignages -------------- */

.testimonials_column1 {
	width : 523px; }
.testimonials_column2 {
	width : 413px; }
	
/* --------------------- 5.1 Gala Annuel  ---------------------- */

.gala_column1 {
	width : 522px; }
.gala_column2 {
	width : 414px; }

/* --------------------- 5.5 Evenements  ---------------------- */

.events_column1 {
	width : 96px; }
.events_column2 {
	width : 198px; }
.events_column3 {
	width : 298px; }
.events_column4 {
	width : 344px; }
	

.events_column4  ul#events {
	width: 346px;
}
.events_column4 ul#events li {
	display: inline;
}
.events_column4 ul#events .thumbnail {
	float: left;
	padding: 0 0 4px 4px;
	width: 82px;
	height: 55px; }

/* ---------------- 5.2 Contribuez  la creation  ----------------- */
	
.contrib_column1 {
	width : 522px; }
.contrib_column2 {
	width : 414px; }

/* -------------------------- 6. Galerie  ------------------------ */
	
.gallery_column1 {
	width : 96px; }
.gallery_column2 {
	width : 228px; }
.gallery_column3 {
	width : 612px; }
	
.gallery_column3 ul#gallery {
	width: 450px;
}
.gallery_column3 ul#gallery li {
	display: inline;
}
	
.gallery_column3 ul#gallery .thumbnail {
	float: left;
	padding: 0 8px 8px 0;
	width: 106px;
	height: 71px; }

.gallery_column3 div.gallery_title1 {
	margin: 0 0 10px 0;
	width: 450px;
	height: 13px;
	font-size: 1px;
	background-color: #e4e3e1; }

.gallery_column3 div.gallery_title2 {
	margin: 10px 0 10px 0;
	width: 450px;
	height: 9px;
	font-size: 1px;
	background-color: #e4e3e1; }

/* ---------------------- 7. En coulisses -------------------------- */

.backstage_column1 {
	width : 484px; }
.backstage_column2 {
	width : 450px; }
	
.backstage_column2 ul#backstage {
	width: 450px;
}
.backstage_column2 ul#backstage li {
	display: inline;
}
.backstage_column2 ul#backstage .thumbnail {
	float: left;
	padding: 0 8px 8px 0;
	width: 106px;
	height: 71px; }

.backstage_column2 div.backstage_title1 {
	margin: 0 0 10px 0;
	width: 450px;
	height: 13px;
	font-size: 1px;
	background-color: #e4e3e1; }

.backstage_column2 div.backstage_title2 {
	margin: 10px 0 10px 0;
	width: 450px;
	height: 9px;
	font-size: 1px;
	background-color: #e4e3e1; }

/* -------------------------- 8. Press  ------------------------ */

div#content.press p {
	line-height: 18px;
	padding: 0 0 15px 56px; 
	color: #666; }

div#content.press p.title {
	padding-top: 20px;
	font-weight: bold;
	text-transform: uppercase; }

div#content.press .section {
	margin-left: 56px; 
	color: #666; }
	
div#content.press .section p {
	padding: 0;
	color: #666; }
	
a.telechargez {
	display : block;
	margin-top : 8px;
	padding : 2px 0px 2px 6px;
	width : 125px;
	vertical-align : middle;
	font-style :italic;
	text-decoration: none;
	color : #333;
	background-color : #DCDAD7; }

a.telechargez:hover {
	background-color : #A7A39C; }
	
a.doc {
	display : inline;
	margin : 20px 0 0 0;
	padding : 2px 10px 2px 6px;
	width : 52px;
	vertical-align : middle;
	font-style :italic;
	text-decoration: none;
	color : #333;
	background-color : #DCDAD7; }

a.doc:hover {
	background-color : #A7A39C; }
	
div#content.press p.p2 {
	padding: 0; }

div#content.press p.titre2 {
	font-weight: bold;
	padding: 0; }

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

.creditspage_column1 {
	width : 231px; }
.creditspage_column2 {
	width : 235px; }
.creditspage_column3 {
	width : 235px; }
.creditspage_column4 {
	width : 235px; }
	
div#content.creditspage p {
	padding-bottom: 15px; }