/**/
body, div, span, p, h1, H2, H3, H4, h5, h6, ul, li, quote, br, td, tr, img, table { margin:0; padding:0; border:none; }
/**/
body{background-color:#ffffff; font-family:Helvetica, Arial, sans-serif; text-align:center; line-height:15px; font-size:11px; background: #fff url(images/15_15px.gif) repeat scroll top center;}
body.website{ background-position:top left; text-align:left;}
body.article{ background-image: none;margin:15px;}
/***/padding
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times, Serif;}
h1{font-size: 60px; line-height:60px; text-align: center;}
h2{font-size: 40px; color:black; text-transform:uppercase; line-height:45px;padding:0 5px 5px 5px; margin:0 0 7.5 0px;}
h3{font-size: 30px; color:black; text-transform:uppercase; line-height:30px;padding:0 5px 5px 5px; margin:30px 0 0px 0px; font-weight:normal;}
h4{font-size: 15px; color:black; text-transform:uppercase; line-height:15px;padding:0 5px 5px 5px; margin:0 0 7.5 0px; font-weight:normal;}
h5{font-size:12px; color:red; line-height:15px; padding:0 0 0 5px; }
h6{ font-size:10px;line-height:15px;  }
textarea{font-family:Helvetica, Arial, sans-serif; font-size:11px; }
/**/
img.accroche{margin-bottom:0px;}
img.visuel{ margin:7.5px; margin-top:0;}
p{font-family: Arial, "MS Trebuchet", sans-serif; clear:both;}
p.quote{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:15px; padding:0;}
p.signature{font-weight:bold; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; margin: 0 30px 15px 30px; padding-bottom:15px; text-align:right;}

p.legende_container{text-align:right; margin: -45px 15px 0px 15px; padding-bottom:30px;}
p.legende_container .legende{ background:white; padding:0 3px;}


a{ color:red; text-decoration:none;}
td{vertical-align:top;}

label{font-size:11px;line-height:15px;}
textarea.adresse{height:65px;}
/**/
body.article #entete{ clear:both; position:fixed; left:15px; top:15px;text-align: left; }
body.article #entete img.accroche{text-align: left;}
body.article #informations{ clear:both; position:fixed; left:15px; top:60px; text-align: left; background:white; width:150px; padding:7.5px;}
body.article #texte {width:540px; padding:30px; background:white; text-align:left; margin-left:auto;margin-right:auto; border:3px black solid; line-height:15px;}
body.article #texte h1{margin-bottom:30px;}
body.article #texte .intro{margin-bottom:30px; font-size:15px; text-transform: uppercase; text-align:center;}
body.article #texte p{margin-bottom:15px;}
/***/
#container {margin-left:auto; margin-right:auto; width:960px; text-align:left; color:#000;}
.niveau1, .niveau2, .niveau3, .niveau4{ position:absolute;}
.contenu{ background:white; padding:0;}
/***/
#entete{clear:both; margin-bottom:30px; position:fixed;}
#entete .contenu{ width:285px; }
body.website #entete{position:absolute; }
body.website #navigation{position:absolute; z-index:1000;}
body.website h1 a, #container.website h2 a, #container.website h3 a, #container.website h4 a, #container.website h6 a {color:black;}
body.website h1 a:hover, #container.website h2 a:hover, #container.website h3 a:hover, #container.website h4 a:hover,  #container.website h6 a:hover {color:red;}
body.website h5 a{ color:red;}
body.website h5 a:hover{text-decoration: underline;}
body.website #agenda .contenu{ text-align:center;}
body.website h5.plus{ text-align:left; margin-top:15px;}
body.website #dazibao h4{ margin-top:0; margin-bottom:0;}
body.website #dazibao h5{margin-bottom:15px; margin-top:0px;}
body.website #dazibao h5.plus{margin-top:-3px; }
body.website #dazibao h6{ margin-top:3.75px; margin-left:3.75px; padding-bottom:6px;}
body.website #agenda h3{ margin-top:15px; margin-bottom:0;}
body.website #agenda h5{text-align:left;}
body.website h2 {font-size:40px; margin-top:15px; margin-bottom:15px; line-height:45px; font-weight:normal;}
body.website h2 a{color:black;}
body.website h2 a:hover{color:red;}
body.website h3 {font-size:30px; margin-top:7.5px; margin-bottom:7.5px;}
body.website h3 a{color:black;}
body.website h3 a:hover{color:red;}
body.website h4 {font-size:18px; line-height:15px; margin-top:7.5px; margin-bottom:7.5px;}
body.website h4 a{color:black;}
body.website h4 a:hover{color:red;}
#entete h5 a:hover{background:red; color:white; text-decoration: none;}



#navigation{background:white; width:180px; padding:0; padding-bottom:15px; font-size:11px; line-height:15px; float:left; position:fixed; margin-top:45px;}
#navigation img.accroche {vertical-align: bottom; }
#navigation ul{list-style:none;}
#navigation ul li{ font-family: Georgia, Times, Serif;}
#navigation ul li a{ padding:0 3px;}
#navigation ul li a:hover, #navigation ul li a.active{font-weight:bold;}
#navigation ul.child, #navigation #spectacles, #navigation #repertoire { margin:0; margin-left: 18px; font-family:Helvetica, Arial, sans-serif; }
#navigation #repertoire{max-height:360px; overflow:auto;}
#navigation ul.child li, #navigation #spectacles li, #navigation #repertoire li{ margin:0; margin-bottom:-1px;}
#navigation ul.child a,#navigation li.soustitre a, #navigation #spectacles a, #navigation #repertoire a{ color:black; font-family:Helvetica, Arial, sans-serif;}
#navigation ul.child a:hover,#navigation li.soustitre a:hover, #navigation #spectacles a:hover, #navigation #repertoire a:hover,#navigation ul.child a.active,#navigation li.soustitre a.active, #navigation #spectacles a.active, #navigation #repertoire a.active{ font-weight:bold;}
#navigation li.soustitre a{text-decoration:none;}
#navigation li.soustitre{margin-left:10px;}
#navigation li.soustitre ul#repertoire {margin-left:0;}
#navigation li.soustitre ul#repertoire li {margin-left:5px;}
#navigation li.soustitre ul#repertoire li a{text-decoration:none;}
#navigation li.soustitre .year{font-weight:normal; color:#666;}
#navigation li.soustitre a:hover .year{color:#fff;}

#container #contenu{margin-left:180px; margin-top:45px;}
#container #contenu h4{margin-top:15px;}

#container #contenu img.image{ margin:15px 0;}


#container.boutique #contenu{width:705px;}

#container.spectacle #contenu{margin:0;width:780px; padding:30px 0;margin-left:180px;margin-top:45px;}
#container.spectacle #contenu p.accroche{ text-align:center; margin:15px 0;}
#container.spectacle #contenu h1{ text-align:right; margin:0; padding:0; margin-bottom:7.5px; font-size:60px; margin:0 30px; margin-bottom:0px; width:555px;}
#container.spectacle #contenu h4.soustitre{ text-align:right; text-align:center; font-family: Arial, Helvetica, sans-serif; margin:0; font-size:15px; letter-spacing:0.05em;line-height:15px;margin-top:15px; margin-bottom:45px; margin-left:30px;}

#container.spectacle #contenu_principal{ margin-left:30px; width:555px; float:left;}
#container.spectacle #sidecontent{ margin-left:15px; width:165px; float:left;}



#container.page #sidecontent{float:left; width:165px;margin-top:45px; }
#container.page #sidecontent #sousnavigation{position:fixed;background:white; width:150px; padding:15px; padding-bottom:15px; margin-top:30px; line-height:15px;}
#container.page #sidecontent #img{ margin-left:0px; width:150px; background:white; margin-top:210px; padding:15px 0 7.5px 0;}

#container.page #sidecontent #FacebookFan{ margin-left:0px; margin-top:210px;}

#sidecontent #sousnavigation h4 {margin-bottom:15px;}
#sidecontent #sousnavigation ul {list-style:none;}
#sidecontent #sousnavigation li {margin-left:10px;text-indent:-10px;}
#sidecontent #sousnavigation a {color:black; }
#sidecontent #sousnavigation a:hover, #sidecontent #sousnavigation a.active { font-weight:bold;}


#sidecontent h4{clear:both; color:red; font-family:Georgia, "Times New Roman", Times, serif; text-align:left; margin:0; padding:0; margin-bottom:7.5px;}
#sidecontent .item{margin-top:0; margin-bottom:22.5px;}

#container.dazibao #sidecontent, #container.agenda #sidecontent{ float:left;width:165px; margin-top:45px;}
#container.dazibao #sidecontent #fixedblock{position:fixed;}
#container.dazibao #sidecontent #next_dates{ }
#container.dazibao #sidecontent #dazibao{position:fixed;}
#container.dazibao #sidecontent #FacebookFan{ margin-left:15px; margin-top:30px;}
#container.dazibao #sidecontent #sousnavigation{background:white; width:150px; padding:15px; padding-bottom:15px; margin-top:30px; line-height:15px;}
#container.dazibao #contenu .news .news_comment {margin-top:20px; clear:both;}
#container.dazibao #contenu .news .news_comment .comment_form {width:100%; }
#container.dazibao #contenu .news .news_comment .comment_form p.fin {width:170px; margin-right:15px; float:left; clear:none; }
#container.dazibao #contenu .news .news_comment .comment_form input.text {width:100%;}
#container.dazibao #contenu .news .news_comment .comment_form input.captcha {width:60px;}
#container.dazibao #contenu .news .news_comment .comment_form input {width:auto;}
#container.dazibao #contenu .news .news_comment .comment_form textarea {width:100%; height:100px;}
#container.dazibao #contenu .news .news_comment .comment_display {width:390px;}
#container.dazibao #contenu .news .news_comment .comment_display h5{color:#666;}
#container.dazibao #contenu .news .news_comment .comment_display p{color:#666;}


#sidecontent #next_dates, #sidecontent #dazibao {background: white; width:150px; margin-left:15px; padding:7.5px;}
#sidecontent #next_dates .representation, #sidecontent #dazibao .billet{margin-bottom:15px;clear:both;}
#sidecontent #next_dates h3, #sidecontent #dazibao h3 { line-height:15px; font-size:17px; padding:0; margin:0;}
#sidecontent #next_dates h4, #sidecontent #dazibao h4 {margin-bottom:22.5px;}
#sidecontent #next_dates p.plus, #sidecontent #dazibao p.plus{margin:0; padding-top:7.5px; clear:both;}
#sidecontent #credits p{margin-bottom:0;}
#container.agenda #contenu .representation{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid red;}
#container.agenda #contenu .representation h2{ font-size:36px;}
#container.agenda #contenu .representation h4{ color:red;font-size:18px;}
#container.agenda #sidecontent #FacebookFan{ margin-left:15px; margin-top:60px;}
#sidecontent #img .img {margin-bottom:15px;}

body.website #agenda .representation{margin-bottom:25px;}

#credits p, #historique p{font-size:11px; line-height:15px; margin-bottom:0;}
#historique p a:hover {text-decoration:underline;}
#historique h3{margin-bottom:15px;}
#presse .colonne{line-height:15px; width:105px; text-align:center; font-size:10px; float:left; margin-right:15px;}
#presse .colonne a{color:#333;}
#presse .colonne a:hover{color:red;}
#presse .article{margin-left:10px; text-indent: -10px; margin-bottom:0;}
#presse .article .intro{padding:3px;}
#presse.item .article {margin-bottom:0;}
#presse a {color:black;}
#presse a:hover {color:red;}
/*#presse .colonne a img, #presse .article a .intro{border:1px black solid;}
#presse .colonne a:hover img, #presse .article a:hover .intro{border:1px red solid; color:black;}*/
#presse .article{margin-bottom:15px;}
#presse .article img{margin-bottom:3px;}

#publication.item .publication{margin:0; padding:0; clear:both;}
#publication.item .publication img.publication_pic {float:left; margin-right:3px;}
#publication.item .publication p {clear:none; text-align:center;}

#publication .publication{margin:0; padding:0; clear:both; margin-bottom:15px;}
#publication .publication img.publication_pic {float:left; margin-right:3px;}
#publication .publication p {}


.show{display:block;}
.hidden{display:none;}
.video, .audio{ margin-top:20px; clear:both;}
.audio .dewplayer {width:200px; margin-bottom:5px;}
.video h3{margin-bottom:10px;}
#contenu{ float:left;background:white; width:555px; padding:30px;padding-bottom:30px;}
#contenu h1{ line-height:45px; font-size:45px; margin-bottom:45px;}
#contenu h2,#contenu h3,#contenu h4,#contenu h5,#contenu h6{padding:0;}
#contenu p{margin-bottom:7.5px;}
#contenu ul{margin-left:15px;margin-bottom:7.5px;}

#contenu .news {border-bottom:1px solid red; margin-bottom:22.5px; padding-bottom:22.5px;}
#contenu .news h5{ margin:7.5px 0;}

#contenu .pagination a{color:black;}
#contenu .pagination a.active, #contenu .pagination a:hover;{color:red;}

.gallery{margin:40px 0;}
.gallery h4{color:red;}

#next_spectacle_dates{border:3px solid red; padding:5px;text-align:center;}
#contenu #next_spectacle_dates h4{color:black; font-family:Helvetica,Arial,'Sans Serif'; font-weight:bold; text-align:center; margin-top:9px;}

#contactform{ margin:30px 0;}
#contenu p.rss{padding-bottom:0px; margin-bottom:30px; clear:both;}
#contenu p.rss a{color:red; font-family: Georgia, Times, Serif;}
#contenu p.rss a:hover{ color:black; font-family: Georgia, Times, Serif;}

img.visual{margin-bottom:15px; margin-top:15px;}
img.topimage{margin-bottom:15px; margin-top:0;}
img.planche {margin-bottom:15px; margin-right:15px; float:left;}

h2 a {color:black; text-decoration:none;}
h2 a:hover {color:red;}
h3 a {color:black; text-decoration:none;}
h3 a:hover {color:red;}
a:hover h5 {background:red; color:white;}

#FacebookFan{background:white; overflow:hidden;}
#FacebookFan iframe{margin-left:-50px; }
#fb_like{background:white; width:55px; overflow:hidden; height:15px; float:right; margin-bottom:15px;}
#fb_like iframe{margin-top:-4px; margin-left:-4px;}
body.article #fb_like{margin-top:10px; float:none;}
#sidecontent #fb_like{float:none; margin-bottom:15px;}

#add_this{background:white; float:right; margin-bottom:15px;}
body.article #add_this{margin-top:10px; float:none;}
#sidecontent #add_this{float:none; margin-bottom:15px;}


#videos .spectacle{margin-bottom:30px;}

/**/