* { margin:0; padding:0; border:0; outline:none; -webkit-tap-highlight-color:transparent; box-sizing:border-box; }
html { position:relative; min-height:100%; margin:0; padding:0; border:0; box-sizing:border-box; }
html, body { margin:0; padding:0; border:0; box-sizing:border-box; }
body { background-color:#ffffff; color:#323232; text-align:center; font-size:16px; font-family:"ITC Clearface W01 Regular", "ITC Clearface"; font-style:normal; font-weight:400; letter-spacing:0.03em; line-height:21px; min-height:100%; }
a { color:#323232; text-decoration:none; }
a.active { color:#CB440A; }
a:focus, a:hover { color:#AAA; cursor:pointer; }
img a, a img { background-color:#000; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; border:0; outline:none; }
img a:focus, img a:hover, a:focus img, a:hover img { background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75; border:0; outline:none; }
p { font-weight:normal; margin:0; padding:0; }
em { font-family:"ITC Clearface W01 Italic", "ITC Clearface Italic"; font-style:normal; font-weight:400; }
strong { color:#000; font-family:"Helvetica Now Text W01 Light"; font-style:normal; font-weight:400; }
sup { line-height:0; vertical-align:super; }
.through { text-decoration:line-through; }
ul { list-style-type:none; }
header, nav, article, figure, main, section, footer, aside { margin:0 auto; padding:0; display:block; }
/*  header */
#header { background-color:#fff; position:fixed; top:0; right:66px; left:76px; padding:38px 0 37px 0; overflow:hidden; z-index:2; }
.shadow { -moz-box-shadow:0px 3px 2px -2px #eee; -webkit-box-shadow:0px 3px 2px -2px #eee; box-shadow:0px 3px 2px -2px #eee; }
.menus { width:100%; margin:0; display:table; }
.m { font-size:0; width:50%; display:inline-block; vertical-align:top; }
.mLeft { text-align:right; float:left; }
.mRight { text-align:left; float:right; }
.logo { text-align:right; font-size:26px; line-height:32px; border:0; border-right:24px #fff solid; }
ul.menu { text-align:left; font-size:16px; line-height:21px; margin-right:20px; padding-top:5px; }
ul.menu li { line-height:26px; padding:10px 0 10px 16px; display:inline; }
ul.menu a, ul.menu a.active { border-bottom:#ccc 1px solid; }
ul.menu a.active { border-bottom:0; }
ul.menu a.artsvisuels { border-bottom:0; }
ul.menu a:focus, ul.menu a:hover { border-bottom:#ccc 1px solid; }
.lang { background-color:#fff; text-align:left; position:fixed; top:128px; right:20px; width:auto; height:20px; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); border:0; z-index:10; }
.lang.fr { top:130px; }
.lang a { border-bottom:#ccc 1px solid; }
.lang a:focus, .lang a:hover { border-bottom:#ccc 1px solid; }
.chapitre { background-color:#fff; text-align:right; font-size:26px; line-height:26px; position:fixed; top:390px; left:-94px; width:300px; height:30px; -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(90deg);transform:rotate(-90deg); z-index:10; }
/* end header */
.nav { letter-spacing:0; }
#wrapper { background-color:#fff; position:relative; margin:256px auto 0 auto; }
#container { padding:0 80px 80px 80px; }
.clear { clear:both; }
.push { height:90px; }.footer { background-color:#fff; text-align:center; position:absolute; right:0; bottom:0; height:40px; left:0; margin:0 auto; padding:0 0 50px 0; clear:both; }
.copy { text-align:left; margin-left:80px; float:left; }
.reso { text-align:right; margin-right:62px; float:right; }
.reso li { margin:0 8px; display:inline; }
.reso a { border-bottom:#ccc 1px solid; }
.reso a:focus, .reso a:hover { border-bottom:#ccc 1px solid; }

@media screen and (min-width:769px) and (max-width:1024px) {
#header { right:46px; left:56px; }
.mLeft { text-align:left; }
.lang { right:0px; }
.chapitre { left:-114px; }
#container { padding:0 50px 80px 60px; }
.copy { margin-left:60px; }
.reso { margin-right:50px; }
}
@media screen and (min-width:481px) and (max-width:768px) {
#header { right:46px; left:56px; }
.menus { display:block; }
.m { width:100%; }
.mLeft { text-align:left; float:none; }
.mRight { float:none; }
.logo { text-align:left; border-right:0; }
ul.menu { margin-left:-16px; padding-top:0; }
.lang { right:0px; }
.chapitre { top:379px; left:-114px; }
#wrapper { margin:245px auto 0 auto; }
#container { padding:0 50px 80px 60px; }
.push { height:110px; }.footer { padding:0 0 70px 0; }
.copy { margin-left:60px; float:none; }
.reso { text-align:left; margin-right:auto; margin-left:60px; float:none; }
}
@media screen and (max-width:480px) { 
#header { right:46px; left:56px; }
.menus { display:block; }
.m { width:100%; }
.mLeft { text-align:left; float:none; }
.mRight { float:none; }
.logo { text-align:left; border-right:0; }
ul.menu { margin-left:-16px; padding-top:0; }
.lang { right:0px; }
.chapitre { top:379px; left:-114px; }
#wrapper { margin:245px auto 0 auto; }
#container { padding:0 50px 80px 60px; }
.push { height:110px; }.footer { padding:0 0 70px 0; }
.copy { margin-left:60px; float:none; }
.reso { text-align:left; margin-right:auto; margin-left:60px; float:none; }
}