.cols { width:100%; display:table; }
.col { width:50%; }
.col.descriptif { float:right; }
.resume { text-align:left; height:auto; margin-bottom:138px; padding-left:20px; border:0; }
.resume p { font-family:"Helvetica Now Text W01 Light"; font-size:15px; font-style:normal; font-weight:400; line-height:21px; max-width:660px; margin-bottom:11px; }
.resume p.paragraph { padding-top:0; }
.resume p.nobottom { margin-bottom:0; }
.resume p.indent-inlist { text-indent:-18px; margin:0 0 0 18px; }
.resume p.indent-inlist-last { text-indent:-18px; margin:0 0 11px 18px; }
.resume p.first-indent { text-indent:-18px; margin:-21px 0 0 18px; }
.resume p.last-indent { text-indent:-18px; margin:0 0 21px 18px; }
.resume p.unique-indent { text-indent:-18px; margin:-21px 0 21px 18px; }
.resume p em { color:#000; font-family:"Helvetica Now Text W01 Light It"; font-style:normal; font-weight:400; }
.resume p.sign { text-align:right; font-size:12px; line-height:21px; }
.resume p sup { font-size:11px; line-height:0; }
.resume p span.smallcap { font-size:13px; line-height:21px; }
.imgleft { background-color:#fff; font-size:0; text-align:right; height:100%; padding:0 20px 0 0; border:0; float:left; display:inline-block; vertical-align:top; }
.imgleft .box { padding-left:20px; }
.imgright { text-align:left; font-size:0; height:auto; padding:0 0 0 20px; border:0; float:right; display:inline-block; vertical-align:top; }
.imgright .box { padding-right:20px; }
.box { margin-bottom:10px; display:inline-block; vertical-align:top; }
.box.higher { margin-bottom:74px; display:block; }
.box a img { max-width:100%; max-height:214px; margin-bottom:0; border:1px #eee solid; }
.box.higher a img { max-height:450px; }
.box a:focus img, .box a:hover img { border:1px #eee solid; }
.col p a, .col a p { line-height:18px; display:inline-block; border-bottom:#ccc 1px solid; }
.col p a:focus, .col p a:hover, .col a:focus p, .col a:hover p { color:#AAA; border-bottom:#ccc 1px solid; }
.go { font-size:0; line-height:14px; margin:102px 0 0 0; display:inline-block; vertical-align:top; }
.go.withouttxt { margin:0; }
.goto { text-align:center; max-width:113px; margin-right:20px; margin-bottom:20px; display:inline-block; vertical-align:top; border-bottom:0; }
.goto a img { background-color:#fff; max-height:113px; margin-bottom:10px; padding:0; border:1px #eee solid; display:block; }
.goto a span { text-align:center; font-size:12px; line-height:18px; margin:3px auto 0 auto; padding:0; border-bottom:0; display:block; }
.goto a span.underline { line-height:14px; margin:0 auto; border-bottom:#ccc 1px solid; display:inline; }
.goto a span span.through { display:inline; }
.goto a:focus span.underline, .goto a:hover span.underline { color:#AAA; border-bottom:#ccc 1px solid; }

h1, h2 { font-size:26px; font-style:normal; font-weight:400; letter-spacing:0; line-height:36px; margin:0 0 116px 0; padding:31px 0 0 0; }
.withoutresume { margin:0 0 70px 0; }
blockquote { color:#636363; font-size:13px; line-height:17px; max-width:60%; margin-bottom:9px; display:block; }
blockquote.first { padding-top:35px; }
blockquote.last { padding-bottom:21px; }
blockquote span { text-align:right; margin-right:0; display:block; }
blockquote span.short { text-align:left; margin-right:auto; margin-left:40px; }
blockquote em { font-size:12px; line-height:17px; }
#allvisuals { background-color:#fff; position:fixed; top:0; right:0; bottom:0; left:0; padding:0; display:none; z-index:100; overflow:auto; }
.visuals { background-color:transparent; text-align:center; position:relative; width:98%; height:100%; margin:auto; padding:0; }
#allvisuals .visual { background-color:transparent; text-align:center; position:absolute; top:66px; right:0; bottom:66px; left:0; margin:0 auto; display:block; }
#allvisuals .visual img { background-color:transparent; position:absolute; top:50%; left:50%; max-width:100%; height:auto; max-height:100%; margin:auto; display:block; transform:translate(-50%,-50%); border:1px #efefef solid; pointer-events:none; cursor:none; user-select: none; -webkit-user-select: none; }
#allvisuals .numb { background-color:transparent; text-align:center; font-size:11px; position:fixed; top:22px; right:30px; width:100px; display:block; }
.visual .leg { background-color:#fff; text-align:center; font-size:14px; line-height:18px; position:fixed; right:0; bottom:20px; left:0; max-width:90%; margin:auto; padding-bottom:10px; display:block; }

a#prev, a#next, a#close, a#closeVideo { background-color:#fff; cursor:pointer; position:fixed; top:18px; width:50px; height:100%; margin:0; transition:0.2s ease; border-bottom:0; user-select:none; -webkit-user-select:none; }
a#next { background:url(../img/right.png) no-repeat 100% 0; right:26px; }
a#prev { background:url(../img/left.png) no-repeat 0 0; right:84px; }
a#close, a#closeVideo { background:url(../img/close.png) no-repeat 0 0; left:30px; }
a#next:focus, a#next:hover, a#prev:focus, a#prev:hover, a#close:focus, a#close:hover,
a#closeVideo:focus, a#closeVideo:hover { filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:0.3; cursor:pointer; }
a#next.active, a#prev.active, a#close.active { filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:0.3; cursor:pointer; }

@media screen and (min-width:1025px) and (max-width:1280px) {
.box.higher { margin-bottom:10px; }.box a img { max-height:450px; }
blockquote { max-width:90%; }
}
@media screen and (min-width:769px) and (max-width:1024px) {
.imgleft .box { padding-left:0; }
.box.higher { margin-bottom:10px; }.box a img { max-height:450px; }
blockquote { max-width:100%; }
}
@media screen and (min-width:481px) and (max-width:768px) {
.cols { display:block; }
.col { width:100%; }
.resume { margin-bottom:70px; padding:0; float:none; }
.imgleft { text-align:left; padding:0; float:none; }
.imgleft .box { padding-left:0; }
.imgright { padding:0; float:none; }
.imgright .box { padding-right:0; }
.box.higher { margin-bottom:10px; }.box a img { max-height:600px; }
.box.higher a img { max-height:600px; }
.box a:focus img, .box a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; cursor:default; }
.go { margin:70px 0 0 0; }
h1 { margin:0 0 70px 0; padding:0; }
h1.withoutresume { margin:0 0 35px 0; }
blockquote { max-width:100%; }
#allvisuals .numb { width:80px; }
.visual .leg { font-size:13px; bottom:10px; }
a#prev, a#next, a#close, a#closeVideo { width:50px; }
a#next { right:16px; }
a#prev { right:74px; }
a#close, a#closeVideo { left:16px; }
}
@media screen and (max-width:480px) { 
.cols { display:block; }
.col { width:100%; }
.resume { margin-bottom:70px; padding:0; float:none; }
.imgleft { text-align:left; padding:0; float:none; }
.imgleft .box { padding-left:0; }
.imgright { padding:0; float:none; }
.imgright .box { padding-right:0; }
.box.higher { margin-bottom:10px; }.box a img { max-height:600px; }
.box.higher a img { max-height:600px; }
.box a:focus img, .box a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; cursor:default; }
.go { margin:70px 0 0 0; }
h1 { margin:0 0 70px 0; padding:0; }
h1.withoutresume { margin:0 0 35px 0; }
blockquote { max-width:100%; }
#allvisuals .numb { width:80px; }
.visual .leg { font-size:13px; bottom:10px; }
a#prev, a#next, a#close, a#closeVideo { width:50px; }
a#next { right:16px; }
a#prev { right:74px; }
a#close, a#closeVideo { left:16px; }
}