@charset "utf-8";

body {
	line-height: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333; }
	
.strong {
	font-weight: bold; }

.italic {
	font-style: italic; }

.error {
	color: #C00; }
	
.sup {
 height: 0;
 line-height: 1;
 vertical-align: baseline;
 _vertical-align: bottom;
 position: relative;
}

.sup {
	bottom: 1ex;
}

img[alt] {
	color:#fff; }
	
/* ------------------------ 1. Accueil -------------------------*/	

div#content.home p {
	padding-right: 50px; }

/* Shows */

div#content.home p.shows_date {
	padding-bottom: 5px;
	font-size: 13px;
	color: #999; }
	
div#content.home p.shows_title {
	font-weight: bold;
	text-transform: uppercase; }

div#content.home p.shows_more {
	padding-top: 15px;
	font-weight: bold;
	text-transform: uppercase; }
	
/* News */

div#content.home p.news_date {
	padding-bottom: 5px;
	font-size: 13px;
	color: #999; }

div#content.home p.news_title {
	font-weight: bold; }

/* People */

div#people .word p {
	padding-top: 10px;
	line-height: 140%;
	font-size: 18px;
	font-style: italic;
	color: #666; }

div#people .light p {
	padding: 10px 50px 0 0; }

div#people .light p.light_title {
	font-weight: bold; }

/* ------------------------------- 2. BJM DANSE --------------------------------*/

/* ---------- 2.1. Historique -------------*/

div#content.history p {
	margin-left: 456px;
	padding: 0 50px 15px 0;
	line-height: 18px;
	color: #666; }

div#content.history span.first_line {
	line-height: 24px;
	font-size: 22px;
	font-style: italic; }
	
/* ------ 2.2. Direction artistique -------*/

div#content.artistic p {
	margin-left: 351px;
	padding: 0 25px 15px 0;
	line-height: 18px;
	color: #666; }

div#content.artistic span.first_line {
	line-height: 24px;
	font-size: 22px;
	font-style: italic; }
	
/* ------ 2.3. Chorgraphe invit -------*/

/* ---------- 3.3. Chorgraphe invit ----------*/

div#content.choreographer p {
	margin-left: 400px;
	padding: 0 25px 15px 0;
	line-height: 18px;
	color: #666; }

div#content.choreographer span.first_line {
	line-height: 24px;
	font-size: 22px;
	font-style: italic; }

/* ---------- 3.4. Danceurs ----------*/

div#content.dancers p.blockquote {
	font-size: 14px;
	font-style: italic;
	margin-top:15px;
	color: #333; }

div#content.dancers .photo1 {
	width:147px;
	height:125px;
	float:left;
}
div#content.dancers .photo2 {
	width:150px;
	height:125px;
	float:left;
}
div#content.dancers .desc {
	width:600px;
	margin-bottom:5px;
	float:left;
}

/* ------- 3.5. Collaborateurs ----------*/

div#content.collaborators p {
	padding-bottom: 15px;
	line-height: 22px; }

div#content.collaborators p.title {
	padding-bottom: 0;
	line-height: 16px;
	font-weight: bold; }

div#content.collaborators .section p {
	margin-left : 160px;
	padding: 0 267px 15px 0;
	line-height: 16px; }

div#content.collaborators h3 {	
	display: block;
	margin-top: 0;
	padding: 20px 0 8px 0;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: normal;
	color: #000; }

/* --------- 2.5. Les danseurs ---------*/

div#content.dancers p {
	/*margin-left : 160px;*/
	padding: 0 240px 15px 0;
	line-height: 16px; 
	color: #666; }

div#content.dancers h3 {	
	display: block;
	margin-top: 0;
	padding: 20px 0 8px 0;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: normal;
	color: #000; }
	
/* ---- 2.6. Conseil d'administration ----*/

div#content.directors p {
	padding-bottom: 15px;
	line-height: 24px; }

/* ---- 2.7. quipe BJM Danse ----*/

div#content.team p {
	padding-bottom: 15px;
	line-height: 18px; }
	
/* ------------------------------- 3. Spectacles --------------------------------*/

/* ---------- 3.2.  Répertoire ----------*/

div#content.current .current_column1 p {
	padding: 0 50px 15px 0;
	line-height: 18px; 
	color: #666; }

div#content.current .current_column2 p {
	padding-left: 6px; }

div#content.current .current_column1 span.first_line {
	line-height: 18px;
	font-size: 18px; 
	color: #666; }

div#content.current .current_column2 div.current_title1 {
	margin-bottom: 15px;
	width: 100%;
	height: 9px;
	font-size: 1px; /* IE 6 fix */
	background-color: #e4e3e1; }

div#content.current .current_column2 div.current_title {
	margin-bottom: 15px;
	width: 100%;
	height: 9px;
	font-size: 1px; /* IE 6 fix */
	background-color: #e4e3e1; }

div#content.current .current_column2 div.current_title2 {
	margin-bottom: 15px;
	width: 100%;
	height: 9px;
	font-size: 1px; /* IE 6 fix */
	background-color: #e4e3e1; }

div#content.current .current_column2 p.blockquote, div#content.dancers p.blockquote {
	font-size: 14px;
	font-style: italic; }

div#content.current .current_column2 p.cite {
	padding-bottom: 15px;
	font-size: 11px;
	font-weight: bold; }
	
.credits_column1 p {
	padding: 0 0 15px 6px; }

.credits_column2 p,.credits_column3 p {
	padding: 0 0 15px 0; }
	
/* ---------- 3.3. Témoignages ----------*/

div#content.testimonials .testimonials_column2 p.testimony {
	padding-bottom: 0;
	font-size: 14px;
	font-style: italic; 
	color:#666; }

div#content.testimonials .testimonials_column2 p.cite {
	padding-bottom: 15px;
	padding-top:2px;
	font-size: 11px;
	font-weight: bold; 
	color:#666; }
	

/* ------------------------------- 4. Activits --------------------------------*/

/* ---------- 4.1. Auditions ----------*/

div#content.activities p {
	margin-left: 472px;
	padding: 0 50px 15px 0;
	line-height: 18px;
	color: #666; }

/* ------ 4.2. Classes de matre -------*/

div#content.activities p {
	margin-left: 472px;
	padding: 0 50px 15px 0;
	line-height: 18px;
	color: #666; }

div#content.activities .master {
	padding: 10px 0 10px 0; }

div#content.activities .master p {
	margin-left: 509px;
	padding: 0 50px 20px 0;
	line-height: 18px;
	color: #666; }

div#content.activities .master p.title {
	margin-left: 509px;
	padding: 0 50px 20px 0;
	line-height: 18px;
	font-weight: bold;
	color: #666; }

div#content.activities .master p.subtitle {
	margin-left: 509px;
	margin-top: -15px;
	padding: 0 50px 15px 0;
	line-height: 18px;
	color: #666; }

/* ------ 4.7. BJM chez vous -------*/

div#content.activities span.first_line {
	padding: 0 50px 0 0;
	line-height: 24px;
	font-size: 22px;
	font-style: italic;
	color: #666; }

/* ------- 4.8. Nouvelles ---------- */

div#content.activities_news div {
	margin-left: 450px;
	line-height: 18px;
	color: #666; }

div#content.activities_news p.date {
	padding: 0 10px 2px 0;
	font-size: 13px;
	color: #999; }

div#content.activities_news p.title {
	padding: 0 10px 0 0;
	font-weight: bold;  }

div#content.activities_news p.content {
	padding: 0 10px 25px 0; }

/* ------------------------------- 5. Appuyez-nous --------------------------------*/

/* ---------- 5.1. Gala annuel ----------*/

div#content.support .gala_column1 p {
	padding: 0 50px 15px 0;
	line-height: 22px; }

div#content.support span.first_line {
	line-height: 22px;
	font-size: 18px; }

div#content.support #column2.gala_column2 p {
	padding: 0 50px 5px 0; }

/* ---- 5.2. Contribuez  la creation -----*/

div#content.support .contrib_column1 p {
	padding: 0 50px 15px 0;
	line-height: 22px; }

div#content.support .contrib_column1 span.first_line {
	line-height: 22px;
	font-size: 19px; 
	font-style: italic; }

div#content.support #column2.contrib_column2 p {
	padding: 0 50px 15px 0; }
	
/* --------- 5.3. Dons en ligne --------*/

div#content.support p.dons {
	padding: 0 480px 15px 0;
	line-height: 18px; }

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

div#content.events .events_column3 p.first_line {
	line-height: 22px;
	font-size: 19px; }

div#content.events .events_column3 p {
	padding: 0 10px 15px 0; }
	
/* ------------------------------- 6. Galerie --------------------------------*/

/* ---- Thumbnails ----*/


div#content.gallery .gallery_column2 p {
	line-height: 18px; }

div#content.gallery .gallery_column2 p.title {
	font-size: 14px;
	color: #666; }

div#content.gallery .gallery_column3 p {
	padding: 0 20px 15px 0;
	line-height: 18px; 
	color: #666; }

div#content.gallery .gallery_column3 p.title {
	padding:0;
	text-transform: uppercase;
	font-size: 24px; 
	line-height :24px;
	color: #666; }

div#content.gallery .gallery_column3 p.photographe {
	padding-top: 20px; }

.title_themes {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase; }

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

div#content.contact p {
	padding-bottom: 15px; }

div#content.contact p.title {
	padding: 0;
	font-weight: bold;}