h1 { font-family: "Didot LT W01 Roman", serif; letter-spacing:0; font-style:normal; font-weight:normal; margin:0; padding:0; }
h1 { font-size:34px; line-height:34px; }
h2, h3, h4, h6 { font-style:normal; font-weight:normal; margin:0; padding:0; }
h2, h3, h4 { font-family:"Museo Sans W01_500", sans-serif; font-size:21px; line-height:21px; }
h2 { letter-spacing:3px; text-transform:uppercase; margin-bottom:40px; }
h4 { letter-spacing:3px; text-transform:uppercase; font-size:11px; line-height:19px; }


#allcomposers, #cbenoist, #cboellmann, #cboely, #ccalviere, #cchauvet, #cfauchard, #cneukomm, #cniedermeyer, #cribollet, #croth, #csteinmetz, #cvierne { background-color:#f0f0f0; margin-bottom:20px; padding:40px 0 30px 0; }
#allcomposers { padding:40px 0; }
#cvierne { margin-bottom:0; }
#allcomposers p { text-align:center; font-size:11px; line-height: 19px; letter-spacing:3px; text-transform:uppercase; margin:0; }
#allcomposers p a { color:#E56B00; border: 0; border-bottom:#fff 1px solid; }
#allcomposers p a:hover { color: #000; border-bottom:#ddd 1px solid; }
.each-composer { background-color:#d3d3d3; margin:36px 0 0 0; padding:0; border:20px #d3d3d3 solid; clear:both; }
.composers { background-color:#f0f0f0; text-align:left; position:relative; margin:0; padding:0 0 110px 0; display:inline-block; vertical-align:top; border:20px solid #fff; clear:both; }
.composer { position:relative; margin:20px auto 0 auto; padding:0 25%; display:inline-block; }
.composer p { font-family: "Didot LT W01 Roman", serif; font-size:15px; line-height:20px; text-transform:none; }
.composer p img { background-color:#fff; margin:0 20px 10px 0; padding:10px; float:left; border:10px #aaa solid; }
.composer em { font-size:13px; line-height:20px; }

@media screen and (min-width: 1152px) {
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
}
@media screen and (min-width: 768px) and (max-width: 895px) {
.composer { padding:0 12.5%; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.composer { text-align:left; width:auto; margin:20px 20px 0 20px; padding:0; display:block; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
h1 { margin-left:20px; margin-right:20px; }
h2 { margin-left:20px; margin-right:20px; }
.composer { text-align:left; width:auto; margin:20px 20px 0 20px; padding:0; display:block; }
}
@media screen and (max-width: 480px) {
h1 { font-size:28px; line-height:30px; margin-left:20px; margin-right:20px; }
h2 { margin-left:0; margin-right:0; }
.composer { margin:20px 20px 0 20px; padding:0; display:block; }
.composer p img { margin:0 0 10px 0; display:block; float:none; }
}