html{	background:#fff;}
body{
	background: url(images/back_body.jpg) repeat-x;
	width: auto;
	margin: 0;
	padding: 0;
}
/* Textes */
.h1_accueil{	color: #eaa41e; text-align: right; 	border-color: #eaa41e;}
.h1_projet{	color: #6da61c;	border-color: #6da61c;margin-bottom: 40px;}
.h1_saison{	color: #da007a;	border-color:#da007a;}
.h1_cdc{	color: #cf0502;	border-color:#cf0502;}
.h1_residences{	color: #3585c8;	border-color:#3585c8;margin-bottom: 40px;}
.h1_relations_avec_les_publics{	color: #f1c11c;	border-color:#f1c11c;margin-bottom: 40px;}
.h1_infos{	color: #b5b5b8;	border-color:#b5b5b8;margin-bottom: 40px;}
#col1 h1{text-align: left;}
#h2_accueil{font-size: 18px;}
#h2_accueil span{color: #000;}
#h2_accueil a{text-decoration: none;color: #eaa41e;}
.bgcolor_accueil{background: #eaa41e;}
.bgcolor_la_saison{background: #da007a;}
.bgcolor_coup_de_chauffe{background: #cf0502;}
.bgcolor_residences{background: #3585c8;}
.bgcolor_relations_avec_les_publics{background: #f1c11c;}
.bgcolor_infos_pratiques{background: #b5b5b8;}

/* Layout */
#global{
	width: 920px;
	margin: 0 auto;
}
#page{
	padding: 20px 0 10px 0;
	min-height: 600px;
	border-bottom: 1px solid #505050;
	background: url(images/back_page.jpg) left bottom no-repeat;
}
#col1{
	float: left;
	width: 185px;
	padding: 0 10px 150px 10px;
	text-align: right;
	overflow: hidden;
}
#col2{
	float: left;
	width: 675px;
	padding: 0 0 20px 20px;
}

/* Menu principal */
#menu{
	display: block;
	clear: both;
	height: 152px;
	margin: 10px 0;
}
#menu dt{
	display: inline;
}
#menu a{
	display: block;
	float: left;
	height: 32px;
}
#menu dt a span {display: none;}
#bt_accueil a{
	background: url(images/back_bt_accueil.jpg) no-repeat center top;
	width: 135px;
	margin: 0 45px 0 35px;
	height: 142px;
}
#bt_projet a{ 
	background: url(images/back_bt_projet.jpg) no-repeat center top;
	width: 75px;
	margin: 80px 2px 0 0;
}
#bt_saison a{
	background: url(images/back_bt_saison.jpg) no-repeat center top;
	width: 76px;
	margin: 80px 2px 0 6px;
}
#bt_cdc a{
	background: url(images/back_bt_cdc.jpg) no-repeat center top;
	width: 122px;
	margin: 80px 2px 0 6px;
}
#bt_residences a{
	background: url(images/back_bt_residences.jpg) no-repeat center top;
	width: 86px;
	margin: 80px 2px 0 6px;
}
#bt_relations a{
	background: url(images/back_bt_relations.jpg) no-repeat center top;
	width: 174px;
	margin: 80px 2px 0 6px;
}
#bt_infos a{
	background: url(images/back_bt_infos.jpg) no-repeat center top;
	width: 122px;
	margin: 80px 0 0 6px;
}
#menu a:hover,
#menu .current a{	background-position: center -32px;}
#bt_accueil a:hover,
#bt_accueil.current a{	background-position: center -144px;}

/* Menu Infos pratiques */
#menu_infos{
	list-style: none;
	margin: 90px 0 0 0;
	padding: 0;
}
#menu_infos li{
	display: inline;
}
#menu_infos li a{
	display: block;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	background: url(images/back_menu_infos_li.gif) no-repeat 5px 7px;
}
#menu_infos li a:hover,
#menu_infos li.current a
{
	background: #eee url(images/back_menu_infos_li.gif) no-repeat 5px 7px;
}

/* BreadCrumb */
#breadcrumb{
	padding: 15px 0 5px 225px;
}
#breadcrumb span{
	color: #505050;
}
#breadcrumb a,
#breadcrumb{
	color: #939393;
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #505050;
}

/* Pages de liste standard */
.list_norm{
	list-style: disc;
	list-style-position: outside;
	margin:25px 0 0 15px;
	text-align: left;
	line-height: 20px;
}
.list_norm li{
	margin-bottom: 10px;
}
.item_liste{
	margin:  18px 0 0 0;
	line-height: 20px;
	height: 182px;
}
.item_liste .onlyThumb,
.item_saison .onlyThumb{
	width: 100px;
	height: 100px;
}
.item_liste h2{margin: 0 0 10px 0;}
.item_liste a{text-decoration: none;}

/* Pages de liste Saison */
.item_saison{
	width: 320px;
	padding: 0;
	margin:  auto 20px auto 0;
	float: left;
	height: 220px;
	overflow: hidden;
}
.item_pair{	
	width: 330px;
	margin-right: 0;
}
.item_saison a h3{
	text-transform: uppercase;
	text-decoration: none;
	color: #da007a;
	line-height: 20px;
}
.item_saison a h3 span{	color: #000;}
.item_saison_contenu{
	font-size: 12px;
	font-style: italic;
	text-align: left;
	color: #505050;
}
.item_saison_contenu span{
	font-style: normal;
	text-transform: uppercase;
	color: #da007a;
	font-weight: bold;
}

/* Pages de liste CDC */
.item_cdc a h3{	color: #cf0502;}
.item_cdc span{	color: #cf0502;}
.item_cdc a span{ color: #fff;}

/* Menu select col1 */
#col1 label{
	display: block;
	text-transform: uppercase;
}
#saison_filtre,
#cdc_filtre{	margin-top: 90px;}
#col1 select{
	width: 180px;
}

/* Pages seules spectacles */
#genre_spectacle{
	color: #fff;
	padding: 5px 10px;
	font-size: 15px;
	display: block;
	float: right;
	margin: 40px 0 70px 0;
}
#date_spectacle{
	clear: both;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}
#compagnie{
	width: 430px;
	font: normal  16px/140% Georgia, serif;
	text-align: left;
}
#spectacle_resume{
	font-size: 12px;
	font-style: italic;
	padding: 0;
	color: #505050;
}
#spectacle_contenu{
	font-size: 12px;
	padding: 0;
	color: #505050;
}
#col_medias{
	width:210px;
}
#col_medias img{
	margin-left: 10px;
}

/* Commentaires */
.item_comment{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #f8f8f8;	
	padding: 5px 20px 25px 20px;
	margin: 0 50px 20px 50px;
	font-size: 11px;
}
.comments_h2{
	margin-left: 50px;
}
.item_comment h3{
	margin: 10px 0 5px 0;
	padding: 0;
}
.item_comment .metas{
	margin: 0;
	padding: 0;
	font-style: italic;
	margin-bottom: 20px;
}
#form_comment{
	display: block;
	clear: both;
	margin: 30px 50px 10px 50px;
	padding: 20px;
	background: #f8f8f8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#form_comment h2{
	margin: 0;
}
#form_comment input,
#form_comment textarea{
	display: block;
	border: 1px solid #8f8f8f;
	padding: 5px;
	width: 520px;
}
#form_comment #submitComment{
	width: 100px;
	margin: 20px auto;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor: pointer;
}
#form_comment #submitComment:hover{
	background: #505050;
}
#form_comment p{
	font-size: 10px;
}
#form_comment label p{
	display: inline;
	font-weight: bold;
	color: #d00;
}
#form_comment #valid_ok{
	background: #e5f2ff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 20px 30px;
	text-align: center;
	font-size: 14px;
	padding: 20px;
	font-weight: normal;
}

/* Page seule standard */
#dates{
	text-transform: uppercase;
	color: #fff;
	padding: 5px;
	width: auto;
	margin-top: 60px;
}
#genre_accueil,
.compagnie_accueil{font-style: italic !important;}
.page_detail{
	width: 450px;
}

/* Boutons */
a.lirelasuite{
	text-transform: none;
	text-decoration: none;
	display: block;
	float: right;
	text-align: right;
	color: #fff !important;
	padding: 0 5px;
	font-size: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
a.lirelasuite:hover{background: #505050;}
a.link_accueil,
a.download_programme{ padding: 5px;}
.bt_back{
	margin-top: 115px;
}

/* Pied de page */
#footer{
	width: 900px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	padding: 10px;
}