@charset "UTF-8";
/* -----------------------------------------
    Filename: base.css
    Title: CSS file for lepierrotlunaire.com
    Author: Yi Winny, yiwinny@gmail.com
    URL: http://www. lepierrotlunaire.com/css/base.css
    License: Copyright 2010,  lepierrotlunaire, All rights Reserved.
    ------------------------------------------- */
	
/* ------- Basic Elements ------------------------------------------- */
html, ul, p {
	margin: 0;
	padding: 0;
}
body {	
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	/* background: url(../images/global/bg_global.jpg) repeat-x top #1e1e1e; */
	background-color: #211f20;
	padding:0;
	margin:0;
}
img {
	border: 0;
}
#outer {
	width:940px;
	margin:auto;
}
#outer #head {
	width:940px;
	height: 126px;
}
#outer #head .logo {
	float:left;
	/* margin-right: 118px;	 */
}
#outer #head .menu {
	float:right;
	height:30px;
	display:inline;
}
#outer #head .menu ul {
	list-style:none;
}
#outer #head .menu ul li {
	float:left;
	display:inline;
}
#outer #head .menu ul li img {
	display:block;
}
#outer .content_upcoming {
	background-color: #272727;
	color:#999999;
	width:280px;
    height: 525px;
	padding:10px;
	float:left;
}

#outer .content_upcoming .notice1{ float:left; clear:both; background-color:#ff6f22; color:#333333; width:260px; height:500px; padding:15px 10px 10px 10px;}
#outer .content_upcoming .notice2{ float:left; clear:both; background-color:#32948a; color:#333333; margin-top:15px; width:240px; height:160px; padding:10px;}
#outer .content_upcoming .notice3{ float:left; clear:both; background-color:#32948a; color:#333333; width:260px; height:50px; padding:10px; margin:0px}
#outer .content_current {
	background-color: #272727;
	color:#999999;
	width:600px;
	/*height: 600px;*/
	height: 525px;
	padding:10px;
	float:right;
}

#outer .content_notice {
	background-color: #272727;
	color:#555555;
	width:920px;
	padding:10px;
	float:left;
	margin: 20px 0;
}
#outer .contentbox {
	background-color: #272727;
	color:#ffffff;
	width:920px;
	min-height: 500px;
	padding:10px;
	font-size: 14px;
}
#outer #footer {
	background-color: #272727;
	color:#555555;
	width:920px;
	height:12px;
	clear:both;
	padding: 22px 10px;
	margin-bottom:20px;
}
a.menu_link_accueil:link, a.menu_link_accueil:visited, a.menu_link_accueil:active {
	text-decoration:none;
	background:url(../images/global/menu_accueil.jpg) no-repeat;
	display:block;
}
a.menu_link_accueil:hover {
	text-decoration:none;
	background:url(../images/global/menu_accueil.jpg) no-repeat 0 -30px;
	display:block;
}
a.menu_link_spectacles:link, a.menu_link_spectacles:visited, a.menu_link_spectacles:active {
	text-decoration:none;
	background:url(../images/global/menu_spectacles.jpg) no-repeat;
	display:block;
}
a.menu_link_spectacles:hover {
	text-decoration:none;
	background:url(../images/global/menu_spectacles.jpg) no-repeat 0 -30px;
	display:block;
}
a.menu_link_artistes:link, a.menu_link_artistes:visited, a.menu_link_artistes:active {
	text-decoration:none;
	background:url(../images/global/menu_artistes.jpg) no-repeat;
	display:block;
}
a.menu_link_artistes:hover {
	text-decoration:none;
	background:url(../images/global/menu_artistes.jpg) no-repeat 0 -30px;
	display:block;
}
a.menu_link_publications:link, a.menu_link_publications:visited, a.menu_link_publications:active {
	text-decoration:none;
	background:url(../images/global/menu_publications.jpg) no-repeat;
	display:block;
}
a.menu_link_publications:hover {
	text-decoration:none;
	background:url(../images/global/menu_publications.jpg) no-repeat 0 -30px;
	display:block;
}
a.menu_link_ateliers:link, a.menu_link_ateliers:visited, a.menu_link_ateliers:active {
	text-decoration:none;
	background:url(../images/global/menu_ateliers.jpg) no-repeat;
	display:block;
}
a.menu_link_ateliers:hover {
	text-decoration:none;
	background:url(../images/global/menu_ateliers.jpg) no-repeat 0 -30px;
	display:block;
}
a.menu_link_compagnie:link, a.menu_link_compagnie:visited, a.menu_link_compagnie:active {
	text-decoration:none;
	background:url(../images/global/menu_compagnie.jpg) no-repeat;
	display:block;
}
a.menu_link_compagnie:hover {
	text-decoration:none;
	background:url(../images/global/menu_compagnie.jpg) no-repeat 0 -30px;
	display:block;
}
a.menu_link_contact:link, a.menu_link_contact:visited, a.menu_link_contact:active {
	text-decoration:none;
	background:url(../images/global/menu_contact.jpg) no-repeat;
	display:block;
}
a.menu_link_contact:hover {
	text-decoration:none;
	background:url(../images/global/menu_contact.jpg) no-repeat 0 -30px;
	display:block;
}

a.menu_link_soutien:link, a.menu_link_soutien:visited, a.menu_link_soutien:active {
	text-decoration:none;
	background:url(../images/global/menu_soutien.jpg) no-repeat;
	display:block;
}
a.menu_link_soutien:hover {
	text-decoration:none;
	background:url(../images/global/menu_soutien.jpg) no-repeat 0 -30px;
	display:block;
}

a.text_link_more:link, a.text_link_more:visited, a.text_link_more:active {
	text-decoration:none;
	border-bottom: 1px solid #ff6f22;
	color: #ff6f22;
	font-weight: bold;
	font-size:13px;
}
a.text_link_more:hover {
	text-decoration:none;
	border-bottom: 1px solid #f0f0f0;
	color:#f0f0f0;
	font-weight: bold;
	font-size:13px;
}
a.text_link_mail:link, a.text_link_mail:visited, a.text_link_mail:active {
	text-decoration:none;
	border-bottom: 1px solid #a0a0a0;
	color: #a0a0a0;
	font-size:10px;
}
a.text_link_mail:hover {
	text-decoration:none;
	border-bottom: 1px solid #ff6f22;
	color:#ff6f22;
	font-size:10px;
}
a.text_link_white:link, a.text_link_white:visited, a.text_link_white:active {
	text-decoration:none;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size:10px;
}
a.text_link_white:hover {
	text-decoration:none;
	border-bottom: 1px solid #333;
	color:#333;
	font-size:10px;
}
.title_BW {
	font-size: 22px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-weight:bold;
}
.title_yellow{
	font-size: 24px;
	line-height: 28px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color: #FC0;
	font-weight:bold;
}

.title_black{
	font-size: 24px;
	line-height: 28px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight:bold;
}
.title_black2{
	font-size: 24px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight:bold;
}

.title_black_small{
	font-size: 15px;
	line-height: 20px;
	font-family:Helvetica, Arial,  Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight:bold;
}
.title_black_small2{
	font-size: 14px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight:bold;
}
.title_white_small{
	font-size: 14px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color: #f9f7f5;
	font-weight:bold;
}

.title_black_small_background_white{
	font-size: 12px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	background-color:#FFF;
	color: #000;
	font-weight:bold;
}
.resa {
	font-size: 14px;
}
.title_BR {
	font-size: 24px;
	line-height: 28px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color:#ff6f22;
	font-weight:bold;
}
.title_MW {
	font-size: 16px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
.title_MB {
	font-size: 18px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color:#333333;
}
.title_MG {
	font-size: 16px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color:#32948a;
}
.title_MR {
	font-size: 16px;
	line-height: 20px;
	font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	color:#ff6f22;
}
.floatleft {
	float:left;
	display:inline;
}
.floatright {
	float:right;
	display:inline;
}
.paddinggauche{
	padding-left:30px;
	}
clearer {clear:both;}
table {
	width: 920px;
	border-collapse: collapse;
}
td {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #202020;
	vertical-align:top;
}
caption {
	width: 920px;
	height:30px;
	line-height: 30px;
	text-align: left;
	text-indent: 10px;
	background-color:#171717;
	color:#fff;
}
.texte_blanc {
	color:#fff;
	font-size: 16px;
	line-height: 28px;
	font-family:Georgia, "Times New Roman", Times, serif;

}
.texte_blanc_close {
	color:#fff;
	font-size: 16px;
	line-height: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;

.texte_bleu {
	color:#32948a;
	font-size: 16px;
	line-height: 28px;
	font-family:Georgia, "Times New Roman", Times, serif;

}
.texte_orange{
	color:#ff6f22;
}
.area_photos {
	width: 204px;
}
.area_texts {
	width: 716px;
	vertical-align: top;
}
.area_texts_big {
	width: 716px;
	vertical-align: top;
}
.area_texts p {max-width: 500px;}
.area_photos_sub {
	width: 400px;
}
.area_texts_sub {
	width: 520px;
	vertical-align: top;
}
.area_texts_sub p {max-width: 500px;}

li {list-style: circle;  list-style-position: inside ; line-height: 18px;}

.f_emphasis {font-style: italic; color:#fff;}