body{overflow:hidden}header{position:absolute}.wrap{margin:0}.wrap .content-area{background-color:#8b8b8b;max-width:100%;padding:0;margin:0}.accordion *{transition:all 0.3s ease 0s}.accordion{background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:calc(100vh);min-height:500px;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;overflow:hidden;transition:0.1s ease background}.section{flex:initial;width:33%;height:100%;text-align:center;color:#fff;text-decoration:none;vertical-align:bottom;box-sizing:border-box;padding:2vh 1vw;position:relative;cursor:pointer;border-right:1px solid #fff;transition:1.2s ease all;background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:calc(100vh);min-height:500px}.accordion .section:last-of-type{border-right:none}.section .heading{transition:0.5s ease all}.section:hover .heading{margin-top:-30px}div.enabled article{flex:initial;width:4%}.section.open{width:92%;background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);background:linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#00000000",GradientType=1);cursor:default}.inside-content{opacity:0;transition:opacity 0.3s ease 0}.section.open>.inside-content{opacity:1;transition:opacity 0.3s ease 0.3s;background:rgba(0, 0, 0, 0.75)}.heading{top:65vh;position:absolute;width:70%;max-width:100%;margin:0;font-size:40px;text-transform:uppercase;font-weight:700;text-align:left;letter-spacing:1px;color:#fff;line-height:1.3;text-shadow:3px 3px 5px black}.heading .above{font-size:20px;font-weight:600;display:block;margin-bottom:5px}.heading .below{display:block;width:36px;height:36px;border:1px solid #fff;margin-top:15px;text-align:center;line-height:33px;border-radius:100%;font-size:30px}.accordion.enabled .section:not(.open){background:rgba(0, 0, 0, 0.5)}.accordion.enabled .section:not(.open) h2.heading{left:13%;text-align:left;font-size:15px;width:400px;height:400px;transform-origin:0px 0px 0px;transform:matrix(0, -1, 1, 0, 15, 0);white-space:nowrap;line-height:1;top:90vh}.accordion.enabled .section:not(.open) h2.heading .above,.accordion.enabled .section:not(.open) h2.heading .below{display:none}.accordion.enabled .section.open h2.heading .below{display:none}.accordion.enabled .section.open h2.heading{padding-left:25px;max-width:450px}.accordion.enabled .section:hover{}.accordion.enabled .section:hover .heading{}.accordion.enabled .section.open:hover{}.accordion:not(.enabled) .section:hover{filter:brightness(1.3)}.accordion:not(.enabled) .section:hover .heading .below{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media screen and (min-width:768px){.accordion.enabled .section.open h2.heading{font-size:45px;top:230px}}.inside-content{text-align:left;max-width:66%;position:absolute;top:390px;line-height:1.4;padding:10px 15px 10px 25px}.inside-content p,.inside-content h2,.inside-content h3{margin:0 0 1em 0}.close{display:none;z-index:300;width:40px;height:40px;border-radius:24px;border:2px solid #FFF;cursor:pointer;transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);position:absolute;left:50%;cursor:pointer;top:100px}.close .cross{position:absolute;left:18px;top:18px}.close .a{position:absolute;width:14px;height:2px;background-color:#FFF;left:-7px;top:-1px}.close .b{position:absolute;width:2px;height:14px;background-color:#FFF;left:-1px;top:-7px}.section.open .close{display:block}@media (max-width:900px){.section{padding:2vh 3vw}.heading{transform:rotate(270deg);min-width:100vh;text-align:left;transform-origin:0 0 0;opacity:1;top:90vh;font-size:22px;width:auto;left:30%}.heading .above,.heading .below{display:none}.accordion.enabled .section.open h2.heading{transform:none;width:95%;min-width:200px;max-width:95%;left:0;top:20%}.inside-content{max-height:calc(72%);overflow-y:auto;left:0;top:30%}}@media (max-width:640px){.accordion.enabled .section:not(.open){width:12%;padding:3px}}.inside-content a{color:white;text-decoration:none;font-weight:900}#titre a{text-decoration:none;color:black;font-size:1em}#navigation{float:right}.wrap{padding-top:0}