* { margin:0; padding:0; outline:0; box-sizing:border-box; }
html, body { height:100%; margin:0; padding:0; }
body { background-color:#fff; color: #000; font-family:"Museo Sans W01_500", sans-serif; font-style:normal; font-weight:normal; font-size:13px; letter-spacing:1px; line-height:19px; margin:0; padding:0; outline:none; text-align:center; border:0; }

a, a:hover, a:focus { text-decoration:none; border:0; }
a:hover, a:focus { cursor:pointer; }
img, img a, img a:hover, img a:focus, a img, a:hover img { border: 0; border-bottom:0; outline:none; }
p { font-weight:normal; text-align:left; margin:0 0 19px 0; padding:0; }
em { font-family:"MuseoSansW01-500Italic", sans-serif; font-style:normal; font-weight:normal; }
strong { font-family:"Museo Sans W01_500", sans-serif; font-style:normal; font-weight:normal; }
sup { margin:0; padding:0; }
ul, li { list-style-type:none; text-align:left; margin:0; padding:0; border:0; }
header, nav, article, figure, main, section, footer, aside { margin:0 auto; padding:0; display:block; }
.clear, .clr { clear:both; }

#container { background-color:transparent; position:relative; width:100%; max-width:1444px; margin:0 auto; padding:0; z-index:0; }
#header .nav span.active { color:#000; }
#header, #navigation { background-color:#f0f0f0; position:relative; margin:20px; padding:40px 0; }
#header a img { margin:0 22px 0 0; padding:0; }
#header ul.nav { background-color:transparent; font-size:11px; line-height:19px; position:absolute; top:40px; right:0; margin-top:3px; padding:0 20px; }
#header .nav li { display: inline; margin:0 10px; }
#header .nav li.l { color:#fff; }
#header .nav a { color:#E56B00; letter-spacing:3px; text-decoration: none; text-transform:uppercase; border-bottom:#fff 1px solid; }
#header .nav a:hover { color:#000; text-decoration: none; border-bottom:#aaa 1px solid; }
#navigation { background-color:#f0f0f0; text-align:center; margin:0 20px; padding:20px 0; }
#navigation ul.nav { text-align:center; font-size:11px; line-height:19px; margin:0 10px; }
#navigation ul.nav.compositeurs { margin-top:5px; }
#navigation ul.nav.fil { margin-top:20px; }
#navigation .nav li { display:inline; margin:0 10px; }
#navigation .nav li.l { color:#fff; }
#navigation .nav a { color:#E56B00; letter-spacing:3px; text-decoration: none; text-transform:uppercase; border-bottom:#fff 1px solid; }
#navigation .nav.fil a { color:#000; border-bottom:0; }
#navigation .nav a:hover { color:#000; text-decoration: none; border-bottom:#aaa 1px solid; }
#navigation .nav span.active { color:#000; }

#main { margin:20px 20px 0 20px; }
.up a { background:url(../img/top.png) no-repeat; text-align:center; position:fixed; right:0px; bottom:80px; width:80px; height:80px; margin:0; padding:0; clear:both; }
.up a:hover, .up a:focus { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; cursor:pointer; }

#copy { text-align:center; bottom:20px; height:40px; margin:0 20px; padding:0; clear:both; }
#copy p { text-align:center; color:#555; font-size:10px; padding:10px; }

.stop { background-color:#E56B00; text-align:center; position:absolute; top:300px; right:auto; left:40px; width:150px; height:150px; margin:0 auto; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px; border:1px #E56B00 solid; display:block; }
.stop p { color:#fff; line-height:18px; text-align:center; text-transform:uppercase; margin:30px auto; }
.stop span { color:#000; margin-top:7px; display:block; }

@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) {
.stop { top:300px; left:20px; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
#header .nav li { display:block; }
#header .nav li.l { color:#f0f0f0; }
.stop { top:300px; left:20px; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
#header, #navigation { margin:20px 0; }
#header a img { max-width:50%; }
#header .nav li { display:block; }
#header .nav li.l { color:#f0f0f0; }
#main { margin:20px 0 0 0; }
.stop { top:300px; left:20px; }
}
@media screen and (max-width: 480px) {
#header, #navigation { margin:20px 0; }
#header a img { max-width:80%; margin:0 12px 0 0; }
#header ul.nav { text-align:center; position:relative; top:15px; right:auto; display:block; }
#header .nav li { text-align:center; display:inline; }
#header .nav li.l { display:none; }
#navigation ul.nav.compositeurs { display:none; }
#navigation .nav li.l { display:none; }
#main { margin:20px 0 0 0; }
.stop { top:-20px; right:0; left:auto; }
}