* { 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, #navigation { background-color:#f0f0f0; position:relative; margin:20px; padding:40px 0; }
#header a img { max-width:80%; margin:-10px 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 ul.nav.lang { top:40px; padding:0 0 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.lang a { background-color:#fff; padding:20px; }
#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; }
h1, h2 { color:#000; font-family:"Museo Sans W01_300", sans-serif; font-size:34px; line-height:34px; letter-spacing:5px; text-transform:uppercase;font-style:normal; font-weight:normal; margin:0; padding:0; }
h2 { text-align:left; font-size:21px; line-height:21px; letter-spacing:3px; text-transform:uppercase; margin-bottom:40px; }
h2 span { text-transform:none; }
h3, h4, h6 { color:#000; font-family:"Museo Sans W01_500", sans-serif; font-style:normal; font-weight:normal; margin:0; padding:0; }
h4 { letter-spacing:3px; text-transform:uppercase; font-size:11px; line-height:19px; }

.group-content { text-align:center; font-size:0; margin:0 auto; padding:0; display:inline-block; }
.content { background-color:#d3d3d3; width:49.287749%; padding:40px 0 0 0; display:inline-block; vertical-align:top; }
.content.left { float:left; }
.content.right { float:right; }
.content.last { margin-bottom:0; }
.group-box { background-color:#f0f0f0; margin:20px 0 0 0; padding:0; border:20px #d3d3d3 solid; }
.in-box { background-color:#f0f0f0; text-align:left; position:relative; height:460px; margin:0; padding:20px 20px 50px 20px; border:20px #fff solid; }
.box { margin:20px 0 0 0; padding:0; }
.box p { font-size:13px; line-height:19px; display:block; }
.box .info { padding:0; }
.box img { background-color:#fff; width:30%; margin:0 10px 19px 0; padding:10px; border:10px #d3d3d3 solid; }
.box p a { color:#E56B00; font-size:11px; line-height:19px; text-transform:uppercase; margin-bottom:19px; border:0; border-bottom:#fff 1px solid; }
.box p a:hover, 
.box p a:focus { color:#000; border-bottom:#ddd 1px solid; }

.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:180px; right:auto; left:100px; 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) {
.stop { top:150px; left:40px; }
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
.stop { top:150px; left:40px; }
}
@media screen and (min-width: 768px) and (max-width: 895px) {
.content { width:100%; margin:0 0 20px 0; padding:40px 0 0 0; display:block; clear:both; }
.in-box { height:auto; }
.stop { top:360px; left:40px; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
#header .nav li { display:block; }
#header .nav li.l { color:#f0f0f0; }
.content { width:100%; margin:0 0 20px 0; padding:40px 0 0 0; display:block; clear:both; }
.in-box { height:auto; }
.stop { top:350px; 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; }
h1 { margin-left:20px; margin-right:20px; }
h2 { margin-left:20px; margin-right:20px; }
.content { width:100%; margin:0 0 20px 0; padding:40px 0 0 0; display:block; clear:both; }
.in-box { height:auto; }
.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; }
h1 { font-size:28px; letter-spacing:3px; line-height:30px; margin-left:20px; margin-right:20px; }
h2 { font-size:16px; line-height:16px; margin-left:0; margin-right:0; }
.content { width:100%; margin:0 0 20px 0; padding:40px 0 0 0; display:block; clear:both; }
.in-box { height:auto; }
.stop { top:0; right:0; left:auto; }
}