* { margin:0; padding:0; border:0; outline:none; -webkit-tap-highlight-color:transparent; box-sizing:border-box; }
html { position:relative; min-height:100%; }
html, body { margin:0; padding:0; border:0; box-sizing:border-box; }
body { background-color:#fff; color:#333; text-align:center; font-family:"Haas Grotesk Display Web", Helvetica, Arial; font-size:21px; font-style:normal; font-weight:300; line-height:29px; outline:none; }
a, a:link, a:visited, a:focus, a:hover, a:active, span a:link { border:0; border-bottom:0; outline:none; text-decoration:none; cursor:pointer; }
img, img a:link, a:link img { text-decoration:none; border:0; border-bottom:0; outline:none; }
a:focus, a:hover, a:active { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; cursor:pointer; border-bottom:0; }
a.empty:focus, a.empty:hover, a.empty:active { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; }
img a:focus, img a:hover, img a:active, a:focus img, a:hover img, a:active img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; text-decoration:none; border:0; border-bottom:0; outline:none; }
em { font-family:"Austin News Deck Web", "Times New Roman", Times, serif; font-style:italic; font-weight:200; }
ul { list-style-type:none; }
.linethrough { text-decoration:line-through; }
.clear { clear:both; }
address, header, nav, article, figure, main, section, footer, aside { margin:0 auto; padding:0; display:block; }
#header { background-color:#fff; position:fixed; top:0; right:0; left:0; padding:30px 38px 36px 38px; 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; }
#header ul { text-align:left; display:inline-block; }
#header ul.menu { width:70%; float:left; }
#header ul.contact { text-align:right; float:right; }
#header ul li { display:inline; }
#header ul.menu li { margin:0 20px 0 0; }
#header ul.contact li { margin:0; }
#header ul li .active { color:#3b538b; color:#072f8b; font-size:12px; letter-spacing:5px; text-transform:uppercase; }
.lang { background-color:#fff; text-align:left; position:fixed; width:auto; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); border:0; }
.lang.fr { top:228px; right:6px; }
.lang.en { top:223px; right:11px; }
.lang .full { display:block; }
.lang .abb { font-size:11px; line-height:26px; display:none; }
.menu a, .contact a, .lang a { font-family:"Haas Grotesk Display Web", Helvetica, Arial; color:#3b538b; color:#000; font-size:13px; font-style:normal; font-weight:500; letter-spacing:2px; line-height:26px; }
.logo { max-width:1920px; margin:0 auto; padding:0 20px; }
.logo.L { margin-top:224px; display:block; }
.logo.H { margin-top:146px; display:none; }
.logo.l { margin-top:156px; display:block; }
.logo.h { margin-top:134px; display:none; }
.logo.V { background-color:#fff; position:absolute; width:auto; -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(90deg);transform:rotate(-90deg); border:0; clear:both; }
.logo.V.en { bottom:364px; left:-207px; }
.logo.V.fr { bottom:350px; left:-207px; }
.logo img { max-width:100%; border:0; }
.reso { background-color:#fff; position:absolute; bottom:40px; width:24px; height:24px; }
.reso.instagram { right:40px; left:auto; }.reso.facebook { right:104px; left:auto; }
.reso img { max-width:100%; }

.container { margin:0 auto; padding-bottom:120px; }
.contents { margin:0 90px; padding-bottom:120px; }
.contents.indx { margin:0 100px; }
h1, h3, h6 { text-align:left; color:#3b538b; color:#072f8b; font-family:"Haas Grotesk Display Web", Helvetica, Arial; font-size:13px; font-style:normal; font-weight:500; letter-spacing:5px; line-height:26px; text-transform:uppercase; margin:0; padding:0; }
h1 { margin-bottom:31px; margin-left:20px; }
h1.contact { text-align:center; margin-right:auto; margin-left:auto; }
h3 { line-height:31px; margin-bottom:31px; }
h2, h4, h5 { text-align:left; color:#333; font-family:"Austin News Deck Web", "Times New Roman", Times, serif; font-style:normal; font-weight:200; margin:0; padding:0; }
h2 { font-size:38px; line-height:42px; margin-bottom:26px; }
h2 span { font-size:23px; line-height:42px; }
h4 { font-size:23px; line-height:26px; }
.serif { font-family:"Austin News Deck Web", Times, serif; font-style:normal; font-weight:200; }
.sans { font-family:"Haas Grotesk Display Web", Helvetica, Arial; font-style:normal; font-weight:300; }
sup { line-height:0; }
.initial { font-family:"Schnyder M Web", "Times New Roman", Times, serif; font-size:104px; font-style:normal; font-weight:200; line-height:93px; margin:0 10px 0 0; padding:0; float:left; clear:both; }
.letterspacing { font-size:22px; letter-spacing:1px; line-height:31px; }
.blue { color:#3b538b; color:#022169; }

@media screen and (min-width:1281px) and (max-width:1440px) { 
}
@media screen and (min-width:1025px) and (max-width:1280px) { 
#header { padding:20px 28px 26px 28px; }
.lang.fr { right:0; }
.lang.en { right:5px; }
.logo.V.en { left:-217px; }
.logo.V.fr { left:-217px; }
.reso.instagram { right:30px; }.reso.facebook { right:84px; }
.contents { margin:0 75px; }
.contents.indx { margin:0 85px; }
}
@media screen and (min-width:769px) and (max-width:1024px) { 
#header { padding:20px 28px 26px 28px; }
.lang { position:absolute; }
.lang.fr { right:0; }
.lang.en { right:5px; }
.logo.L { display:none; }
.logo.H { display:block; }
.logo.l { display:none; }
.logo.h { display:block; }
.logo.V { -webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0); }
.logo.V.en { bottom:0px; left:-27px; }
.logo.V.fr { bottom:0px; left:-41px; }
.reso.facebook { right:94px; }
.reso.instagram { right:30px; }.reso.facebook { right:84px; }
.contents { margin:0 20px; }
.contents.indx { margin:0 30px; }
h1 { margin-left:10px; }
.initial { font-size:61px; line-height:62px; }
}
@media screen and (min-width:481px) and (max-width:768px) {
#header { padding:14px 20px 20px 20px; }
.lang { position:absolute; }
.lang.fr { right:-8px; }
.lang.en { right:-3px; }
.logo.L { display:none; }
.logo.H { display:block; }
.logo.l { display:none; }
.logo.h { display:block; }
.logo.V { -webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0); }
.logo.V.en { bottom:0px; left:-35px; }
.logo.V.fr { bottom:0px; left:-49px; }
.reso { bottom:90px; }
.reso.instagram { right:auto; left:74px; }.reso.facebook { right:auto; left:22px; }
.contents { margin:0 10px; }
.contents.indx { margin:0 20px; }
h1 { margin-left:10px; }
h1.contact { text-align:left; margin-left:10px; }
.initial { font-size:61px; line-height:62px; }
}
@media screen and (max-width:480px) {
#header { position:absolute; padding:14px 20px 20px 20px; }
.shadow { -moz-box-shadow:0px 0px 0px 0px transparent; -webkit-box-shadow:0px 0px 0px 0px transparent; box-shadow:0px 0px 0px 0px transparent; }
#header ul.menu { width:auto; }
#header ul li { display:block; }
.lang { text-align:left; position:absolute; -webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0); z-index:10; }
.lang.fr { top:166px; right:20px; }
.lang.en { top:166px; right:20px; }
.lang .full { display:none; }
.lang .abb { display:block; }
.logo.L { display:none; }
.logo.H { margin-top:234px; display:block; }
.logo.l { display:none; }
.logo.h { margin-top:234px; padding:0 40px; display:block; }
.logo.V { width:320px; -webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0); }
.logo.V.en { bottom:10px; left:-20px; }
.logo.V.fr { bottom:10px; left:-28px; }
.reso { bottom:80px; }
.reso.instagram { right:auto; left:74px; }.reso.facebook { right:auto; left:22px; }
.contents { margin:0 10px; }
.contents.indx { margin:0 20px; }
h1 { margin-left:10px; }
h1.contact { text-align:left;  margin-left:10px; }
.initial { font-size:61px; line-height:62px; }
}