/*#######################################################################
#                                GENERAL                                #
#######################################################################*/
*{
	margin: 0;
	padding: 0;
}
body{
	color: #000;
	font: .8em/1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #c3d000;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a, a:visited{
	color: #000;
	outline: none;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border: 0;
}
ul{
	list-style: none;
	margin-bottom: 1.3em;
}
h1{
	display: none;
}
h2{
	margin-bottom: 15px;
	position: relative;
	width: 680px;
	font-variant: small-caps;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
}
h2 span{
	display: block;
	color: #000;
	font-size: .6em;
	line-height: 1.2;
	font-weight: bold;
}
h2 span em{
	font-size: .8em;
}
h3{
	margin-bottom: 15px;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2;
}
h3 span{
	display: block;
	font-size: .5em;
	line-height: 1.1;
	font-weight: bold;
}
h4{
	margin-bottom: 5px;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2;
}
h4 span{
	font-size: .7em;
	line-height: 1.8em;
	font-weight: bold;
	color: #000;
	background: #ffed00;
	padding: 0 5px;
}
hr{
	clear: both;
	visibility: hidden;
}
p{
	margin-bottom: 1.3em;
}
input, select, textarea{
	font: inherit;
	font-size: 1.1em;
}
#contenu table{
	width: 100%;
	border-collapse: collapse;
}
#contenu th{
	padding: 5px;
	background: #ffed00;
	font-weight: bold;
}
#contenu td{
	padding: 5px;
	border-bottom: 1px dotted #999;
}
/*#######################################################################
#                                CLASSES                                #
#######################################################################*/
/*texte*/
a.underline{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: none;
}
.rose, .rose:visited, .rose a, .rose a:visited{
	color: #e40083;
}
.rouge{
	color: #c00;
}
.gris{
	color: #999;
}
.aleft{
	text-align: left;
}
.acenter{
	text-align: center;
}
.aright{
	text-align: right;
}
.ajustify{
	text-align: justify;
}
.gras{
	font-weight: bold;
}
.mention{
	font-style: italic;
	color: #999;
	font-size: .8em;
}
/*layout*/
.block{
	display: block;
}
.clear{
	clear: both;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
/*puces*/
ul.puces li{
	padding-left: 8px;
	margin-bottom: 5px;
	background: url(../im/puce_rose.png) 0 .5em no-repeat;
}
ul.puces_jaunes li{
	padding-left: 8px;
	margin-bottom: 5px;
	background: url(../im/puce_jaune.png) 0 .5em no-repeat;
}
/*#######################################################################
#                                 LAYOUT                                #
#######################################################################*/
div#conteneur{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
div#conteneur img#plumes{
	position: absolute;
	top: 640px;
	left: 0;
}
div#header{
	height: 160px;
	position: relative;
}
div#header a{
	display: block;
	width: 980px;
	height: 150px;
	text-indent: -5000px;
}
ul#menu{
	float: left;
	width: 175px;
	height: 459px;
	padding-top: 31px;
	padding-left: 70px;
	margin-bottom: 0;
	background: url(../im/bg_menu.png) 0 0 no-repeat;
	position: relative;
}
ul#menu li a{
	text-indent: -5000px;
	display: block;
	height: 17px;
}
ul#menu li.btn_edito{
	margin-bottom: 40px;
}
ul#menu li.menu{
	margin-bottom: 35px;
}
ul#menu li.sub_menu{
	margin-bottom: 17px;
}
ul#menu li.btn_archives{
	margin-bottom: 41px;
}
ul#menu li.btn_edito a{
	background: url(../im/btn_edito.png) 0 0 no-repeat;
}
ul#menu li.btn_programmation a{
	background: url(../im/btn_programmation.png) 0 0 no-repeat;
}
ul#menu li.btn_infos a{
	background: url(../im/btn_infos.png) 0 0 no-repeat;
}
ul#menu li.btn_partenaires a{
	background: url(../im/btn_partenaires.png) 0 0 no-repeat;
}
ul#menu li.btn_galeries a{
	background: url(../im/btn_galeries.png) 0 0 no-repeat;
}
ul#menu li.btn_festival a{
	background: url(../im/btn_festival.png) 0 0 no-repeat;
}
ul#menu li.btn_telechargements a{
	background: url(../im/btn_telechargements.png) 0 0 no-repeat;
}
ul#menu li.btn_archives a{
	background: url(../im/btn_archives.png) 0 0 no-repeat;
}
ul#menu li.btn_etats a{
	height: 45px;
	background: url(../im/btn_etats.png) 0 0 no-repeat;
}
ul#menu li a:hover, ul#menu li.actif a{
	background-position: 0 -17px;
}
ul#menu li.btn_etats a:hover{
	background-position: 0 -45px;
}
ul#menu li.btn_etats.actif a{
	background-position: 0 -45px;
}
div#contenu{
	float: right;
	width: 680px;
	height: auto;
	min-height: 650px;
	padding: 10px 25px;
	background: #fff;
	border-right: 5px solid #000;
	position: relative;
}
div#footer{
	clear: both;
	padding-top: 80px;
	height: 20px;
	background: url(../im/footer.png) 100% 0 no-repeat;
	font-size: .8em;
	text-align: right;
	color: #879000;
	position: relative;
}
div#footer a, div#footer a:hover{
	color: #879000;
}
/*#######################################################################
#                                 ACCUEIL                               #
#######################################################################*/
div#edito{
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: url(../im/taches.png) 100% 100% no-repeat;
}
div#edito img{
	display: block;
	margin-bottom: 20px;
}
div.billet{
	margin-bottom: 20px;
	position: relative;
}
div.billet object{
	margin-bottom: 10px;
}
div.billet img{
	display: block;
	float: left;
	border: 5px solid #e5e5e5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.billet .marge{
	margin-left: 160px;
}
div.billet p.date{
	color: #999;
	margin-bottom: 0;
}
div.billet p a, div.billet p a:visited{
	text-decoration: underline;
}
div.billet p a:hover{
	text-decoration: none;
}
/*pagination*/
a.pagination, a.pagination:visited{
	font-size: 1.4em;
	color: #999;
}
a.pagination:hover{
	color: #000;
	text-decoration: none;
}
/*#######################################################################
#                                 EDITO                               #
#######################################################################*/
div.edito{
	padding: 5px;
	background: #f2f2f2;
}
/*#######################################################################
#                           PROGRAMMATION                               #
#######################################################################*/
/*onglets*/
ul#onglets{
    font-size: 14px;
    padding-bottom: 27px;
    border-bottom: 1px solid #000;
}
ul#onglets li{
    float: left;
    height: 24px;
    background: #000;
    margin: 2px 2px 0 2px;
    border: 1px solid #000;
}
ul#onglets li.active{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
ul#onglets a{
    float: left;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 4px;
}
ul#onglets li.active a{
    color: #000;
}
ul#onglets a:hover{
	color: #ccc;
}
/*diaporama*/
div#diaporama{
	width: 680px;
	/*height: 750px;*/
	height: 1700px;
	overflow: hidden;
	position: relative;
}
div#diaporama div#clip{
	left: 0;
	top: 0;
	width: 2040px;
}
div#diaporama div#clip div{
	position: relative;
	float: left;
	width: 680px;
}

table.programmation td{
	vertical-align: top;
	padding: 5px 0;
}
table.programmation th{
	text-transform: uppercase;
	text-align: left;
}
/*CARTE*/
img#carte{
	position: relative;
}
/*DATES*/
#contenu table.programmation td.categorie{
	font-weight: bold;
	font-size: 1.2em;
	background: #c3d000;
}
#contenu table.programmation td.horaire{
	width: 85px;
	font-weight: bold;
	padding-left: 15px;
	background: url(../im/puce_rose.png) 5px 1em no-repeat;
	border: none;
}
#contenu table.programmation.pardate td.spectacle{
	padding-bottom: 5px;
	border: none;
}
#contenu table.programmation td.spectacle a{
	font-size: 1.2em;
	color: #e50083;
	font-style: italic;
}
#contenu table.programmation td.spectacle span{
	display: block;
}
#contenu table.programmation td.lieu{
	color: #999;
	font-size: .9em;
	padding-bottom: 5px;
	border: none;
	width: 290px;
}
div#etats{
	padding: 5px;
	background: #ffed00;
	font-weight: bold;
}
/*#######################################################################
#                             SPECTACLES                                #
#######################################################################*/
/*MENTION*/
span#mention{
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
	padding: 3px;
	color: #fff;
	background: #e40083;
}
/*HORAIRES*/
dl#horaires{
	float: right;
	width: 220px;
}
dl#horaires dt{
	padding-left: 15px;
	font-weight: bold;
	background: url(../im/arrow_rose.png) 0 .1em no-repeat;
}
dl#horaires dd{
	color: #666;
	padding-left: 15px;
	margin-bottom: 5px;
	font-size: .9em;
	line-height: 1.3;
}
dl#horaires dd.rose{
	color: #e40083;
}
dl#horaires dd.encart{
	padding: 2px;
	margin-left: 15px;
	color: #fff;
	background: #e40083;
}
dl#horaires dd.encart a, dl#horaires dd.encart a:visited{
	color: #fff;
	text-decoration: underline;
}
dl#horaires dd.encart a:hover{
	text-decoration: none;
}
/*IMAGE*/
div#image{
	float: left;
	width: 450px;
}
/*INFOS*/
div#infos{
	float: right;
	width: 205px;
}
div#infos img{
	display: block;
	margin: 30px auto;
}

p#public{
	margin-bottom: 10px;
	padding: 5px;
	background: #ffed00;
	height: 2.8em;
	margin-bottom: 18px;
}

ul#distribution{
	margin-bottom: 15px;
}
ul#distribution li{
	margin-bottom: 5px;
	padding-left: 10px;
}
ul#distribution li span{
	display: block;
	font-weight: bold;
	padding-left: 10px;
	margin-left: -10px;
	background: url(../im/puce_rose.png) 0 .5em no-repeat;
}

div#infos p.mention{
	margin-top: 10px;
	text-align: justify;
	line-height: 1.2em;
}
/*CONTENU*/
div#content{
	float: left;
	width: 450px;
}
div#content h3{
	height: 2.8em;
	margin-bottom: 10px;
}
div#content h3.etats{
	height: 1em;
	margin-top: 30px;
}
div#content p{
	text-align: justify;
}
div#presse{
	background: #f2f2f2;
	padding: 5px;
	margin-bottom: 1.3em;
	border-right: 1px solid #c3d100;
	border-bottom: 1px solid #c3d100;
}
div#presse p{
	margin-bottom: 0;
}
div#content div.pave{
	margin-top: 2.6em;
	margin-bottom: 1.3em;
	padding: 5px;
	background: #f2f2f2;
}
div#content div#residence.pave{
	background: #ffed00;
}
div#content div.pave h3{
	height: 1em;
}
div#content div#residence h5{
	font-size: 1.2em;
	margin-bottom: 1.3em;
}
div#content div#residence p{
	margin-bottom: 0;
}
/*#######################################################################
#                             PARTENAIRES                               #
#######################################################################*/
table#partenaires td{
	border: 0;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
}
/*#######################################################################
#                               GALERIES                                #
#######################################################################*/
ul#galeries{
	width: 680px;
}
ul#galeries li{
	width: 155px;
	height: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
ul#galeries.main li{
	height: 155px;
}
ul#galeries li.last{
	margin-right: 0;
}
ul#galeries li a{
	display: block;
}
ul#galeries li a img{
	display: block;
}
ul#galeries li a:hover{
	border-color: #e50085;
}
ul#galeries li a span{
	display: block;
	padding: 5px 0;
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 13px;
	overflow: hidden;
}
ul#galeries li a:hover span{
	color: #ffed00;
}
/*#######################################################################
#                            TELECHARGEMENTS                            #
#######################################################################*/
div#upload{
	height: 225px;
	margin: 130px 0;
	position: relative;
}
div#upload img{
	margin-right: 5px;
}
div#upload ul{
	float: left;
	height: 225px;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 0;
	border-left: 1px solid #000;
	padding-left: 4px;
}
/*#######################################################################
#                                ARCHIVES                               #
#######################################################################*/
ul#archives{
	width: 680px;
	height: 240px;
	margin-top: 100px;
}
ul#archives li{
	float: left;
	width: 220px;
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
}
ul#archives li.last{
	margin-right: 0;
}
ul#archives li a{
	display: block;
	width: 160px;
	height: 220px;
	margin-left: 30px;
}